2016-12-18 1 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/ –