slideToggle

文本和背景之間的時間差我使用jQuery slideToggle創建左側導航。但問題是，當我展示隱藏的內容時，背景緩慢下滑，文本更快。因此，文本會在其他內容上出現幾秒鐘。slideToggle

附着jsfiddle鏈接演示和代碼

$(document).on("click", ".has-subitem", function() { 
    $(this).next(".submenu").slideToggle(); 
    $(this).find('i').toggleClass("fa-caret-right fa-caret-down"); 
});

來源

2014-12-31 Bala Sivagnanam

我很抱歉聽到這個消息。 –

使用溢出CSS

.navi-list-multi-tabs > li { 
    width: 100%; 
    overflow: hidden; 
}

來源

2014-12-31 04:35:08

謝謝你的工作。但使用它時會出現問題。我有一個這是一個指針三角形來顯示活動鏈接，這將顯示在內容之外。如果我在css中使用溢出，這將不會出現:( –

@BalaSivagnanam爲什麼你使用溢出：可見！重要;在.submenu css ??如果它不重要只是刪除該行 –

默認情況下，當我隱藏並顯示子菜單類它添加顯示：塊和溢出：隱藏，所以這使得我的指針右側不顯示。所以我必須添加溢出：可見，使其可見 –

保持DIV內容，然後滑動該div簡單的方法，即$（ '＃DIV ID'）的slideToggle（）。

來源

2014-12-31 04:35:46

簡單。我想這可能會奏效。

$(document).on("click", ".has-subitem", function() { 
    $(this).next(".submenu").slideToggle().parents('.has-subitem').find('i').toggleClass("fa-caret-right fa-caret-down"); 
});

因爲，jQuery不會等待任何完成的動作，除非它緊跟着下一個動作或它的ajax。

來源

2014-12-31 04:52:39

可悲的是這不起作用:(謝謝反正:) –

回答

相關問題