2011-12-21 5 views
0

단순한 accordian 스크립트를 noaccordian 모드에서 here이라는 표준 확장형 메뉴 예제 here처럼 작동하지만 클래스 아래에있는 중첩 된 메뉴가 noaccordian 클래스를 따르지 않고 accordian, 어떻게 이런 일을 막을 수 있니?중첩 된 표준 확장 가능 메뉴 (accordian) 동작

중첩 된 메뉴에 여러 섹션을 열어 놓을 수도 있기를 바랍니다.

답변

0

클래스 메뉴에 중첩 된 ul에 class = "noaccordion"을 추가해야한다고 생각합니다. 예를 들어 :

<li> <a href="#">Classes</a> 
    <ul class="menu nestedmenu acitem noaccordion"> 

     <!-- Repeat this LI --> 
     <li><a href="#">Built-in Electric &amp; Gas Ovens</a> 
     <div class="acitem panel"> 
      <ul class="noaccordion"> 
      <li> 
       <label> 
       <input type="checkbox" name="cat[]" value="17" class="ovens" /> 
       Electric: Double</label> 
      </li> 
      <li> 
       <label> 
       <input type="checkbox" name="cat[]" value="18" class="ovens" /> 
       Electric: with Microwave</label> 
      </li> 
      <li> 
       <label> 
       <input type="checkbox" name="cat[]" value="25" class="ovens" /> 
       Gas: Single</label> 
      </li> 
      <li> 
       <label> 
       <input type="checkbox" name="cat[]" value="16" class="ovens" /> 
       Electric: Single</label> 
      </li> 
      </ul> 
     </div> 
     </li>... 

나는 당신이 원하는 이해가 작업 표시 빠른 fiddle을 만들었습니다. 나는 처음 몇 가지 항목에만 noaccordion 코드를 적용했습니다.

+0

필자의 제안으로 내 예제 페이지를 업데이트했지만 필자의 예제와 똑같이 작동하지 않는다. 필자는 예제를 절대적으로 최소한으로 줄 였지만 중첩 된 메뉴는 여전히 accordian 역할을한다. –