如何刪除jQuery UI滑動效果正方形時切換

Question

我正在一個簡單的菜單，玩jQuery - 我如何刪除廣場背景，並使一切更順利時，「幻燈片」效果？

$(document).ready(function(){ 

    $('.sidebar1 a').click(function(){ 

     var ssbar = $(this).attr('href'); 

     $(ssb1).toggle('slide'); 

     return false; 

    }); 

}); 

https://jsfiddle.net/p96k9x67/

我嘗試使用：

過渡：.15s線性; transform-origin：19px 19px;

上main-content類 但這沒有奏效。

Answer 1

你可以用這個把它關閉：

.sidebar1 { 
    z-index: 1; 
} 
.main-wrapper > .ui-effects-wrapper { 
    width: 0 !important; 
    overflow: visible !important; 
} 

請注意，使用的!important是覆蓋jQuery UI的加入內嵌樣式。 !important的明確目的是覆蓋級聯順序，所以這符合可接受的修飾符使用。問題的根源在於，綠線元素在側邊欄出現時會出現（可能是因爲顯示樣式爲flex）。

演示：https://jsfiddle.net/zczwjdrw/1