더블 클릭하지 않고 jQuery 클릭 이벤트

Question

jQuery를 처음 사용했습니다. 클릭 이벤트가있는 간단한 드롭 다운 메뉴를 만들고 싶습니다. 다음은 HTML 구조는 다음과 같습니다

$(document).ready(function(){ 
      $('li.submenu').hide() 
      $('li.menu').click(function(e){ 
       $(this).find('li.submenu', this).slideToggle('fast'); 
       e.stopPropagation(); 
      }) 
     })​ 

그러나 드롭 다운 겹치는 :

<ul id="menubar"> 
     <li class="menu"> 
      <a href="#">Menu 1</a> 
      <ul class="submenubar"> 
       <li class="submenu"><a href="#">Submenu 1</a></li> 
      </ul> 
     </li> 
     <li class="menu"> 
      <a href="#">Menu 2</a> 
      <ul class="submenubar"> 
       <li class="submenu"><a href="#">Submenu 2</a></li> 
      </ul> 
     </li> 
</ul>​ 

본인은 다음과 같이 스크립트를했다. 그건 내가 원하는 것이 아니야. 원하는 것은 : - 메뉴 1을 클릭하면 하위 메뉴 1이 표시됩니다. 다른 메뉴 및 하위 메뉴는 숨겨져 있습니다. - 그런 다음 메뉴 2를 클릭하면 하위 메뉴 1이 숨겨 지므로 하위 메뉴 2가 표시됩니다. - 기타 ...

어떻게해야합니까? 아무도 나를 해결할 수 있습니까? 당신의 응답을 주셔서 감사합니다 ..

Answer 1

헤이은 다음 하위 메뉴가 u는 다음 MENU1를 클릭하여이 줘야 B 형 공연이

http://jsfiddle.net/96xnB/

이 작업을 수행하는 방법