시작시 jQuery로 한 서랍 만 표시 할 수 없습니다.

Question

시작시 한 서랍 만 열어두기를 원합니다. 현재 모든 서랍이 열려 있습니다.

몸에 jQuery code

$(document).ready(function() { 
    // hide all ULs inside LI.drawer except the first one 
    $('LI.drawer UL:not(:first)').hide(); 

    // apply the open class 
    $('li.drawer:first ul').addClass('open'); 

    $('h2.drawer-handle').click(function() { 
     // hide the currently visible drawer contents 
     $('li.drawer ul:visible').hide(); 

     // remove the open class from the currently open drawer 
     $('h2.open').removeClass('open'); 

     // show the associated drawer content to 'this' (this is the current H2 element) 
     // since the drawer content is the next element after the clicked H2, we find 
     // it and show it using this: 
     $(this).next().show(); 

     // set a class indicating on the H2 that the drawer is open 
     $(this).addClass('open'); 
    }); 
}); 

html로

<ul class="drawers"> 

    <li class="drawer"> 
     <h2 class="drawer-handle open">Contact</h2> 
     <ul> 
      <li>A</li> 
      <li>B</li> 
     </ul> 
    </li> 

    <li class="drawer"> 
     <h2 class="drawer-handle">papers</h2> 
     <ul> 
      <li>A</li> 
      <li>B</li> 
     </ul> 
    </li> 

</ul> 

어떻게 하나 개의 서랍을 표시하고 시작시 나머지를 숨길 수 있습니까?

Answer 1

당신은 올바른 생각을 가지고 있습니다. 첫 번째 절의 잘못된 배치입니다.

$('li.drawer:first ul').addClass('open'); 

Answer 2

원본 코드도 작동합니다.

나는 내 코드의 첫 번째 줄은 주석 표시 아래에 있던 서버

$(document).ready(function() { 
// hide all ULs inside LI.drawer except the first one $('LI.drawer UL:not(:first)').hide(); 

... 

에 내 코드에서 다음과 같은 버그를 가지고 있었다.