활성 및 비활성 서브 메뉴를 표시하는 방법

Question

Hei 메뉴를 클릭 한 후 하위 메뉴를 표시하려고 jquery iam에 새로운 기능이 있습니다. 예를 들어 상위 메뉴를 선택하면 모든 하위 메뉴가 표시됩니다. 하지만 하위 메뉴 중 하나를 클릭하면 다른 하위 메뉴가 사라집니다. 예를 들어, "가구"를 클릭하면 "Deko"와 "Fancy"인 두 개의 하위 메뉴가 열립니다. "Deko"를 클릭하면 다른 하위 메뉴가 사라지고 deko 디스플레이 내용 만 표시됩니다.

어떻게 해결할 수 있습니까? 도와주세요 여기에 내 코드

<ul id="application-menu"> 
     <li class="dropdown">Furniture 
     <ul> 
      <li><a href="" />Deko</li> 
      <li><a href="" />Fancy</li> 
     </ul> 
     </li> 

     <li class="dropdown">Tables 
     <ul> 
      <li><a href="" />Table1</li> 
      <li><a href="" />Table2</li> 

     </li> 
    </ul> 

<style type="text/css"> 

    li.dropdown ul 
    { 
    display: none; 
    } 


</style> 

<script type="text/javascript"> 
    $('li.dropdown').click(function() 
    { 
     $('li.dropdown').find('ul').hide(); 
     $(this).find('ul').show(); 
    }); 

</script> 

Answer 1

당신이 클릭 한 것과 같은 모든 리튬 요소를 얻을 필요가있을 것이다, 그러나 현재는 하나를 클릭하고 숨길 제외.

$(".dropdown a").not(this).hide(); 

내가 JsFiddle의 조각을 만든, 친절을 확인하고이 당신이 원하는 경우 알려 주시기 :

http://jsfiddle.net/V45Ux/