2016-12-18 128 views
1

http://jsfiddle.net/L9wrt41g/默認隱藏子菜單,顯示是否有效

使用Sidr菜單。

默認情況下子菜單是隱藏的。

.sidr ul.submenu { 
display:none; 
} 

但是,正如你可以在小提琴中看到的,子列表2有一個活動類。

<li class="active"><a href="#">Sub List 2</a></li> 

試圖找出如果父子菜單默認情況下可見,如果其子項之一有一個活動的類。

因此(因爲子菜單項具有活躍類)中,在網頁加載應當由默認可見的,因爲這樣的(並點擊「切換菜單」後):

https://s23.postimg.org/uealsexqj/sidr.png

回答

0

很抱歉的錯誤的答案。在這裏你去

你應該添加到您的文檔就緒功能。

$("li.active").each(function (i,e) { 
    $(e).parent().css("display","block"); 
}); 
+0

這只是表明它是默認值,無論孩子是否有活動類。如果有多個子菜單怎麼辦?更新小提琴:http://jsfiddle.net/L9wrt41g/1/ –