Как отображать активные и неактивные подменю

Question

Hei Iam new to 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

вам нужно будет получить все элементы Li, которые, как тот, который вы кликнули, но исключая текущий щелкнул один, и скрыть их.

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

Я создал фрагмент в JsFiddle, пожалуйста, проверьте его и дайте мне знать, если это то, что вы хотите:

http://jsfiddle.net/V45Ux/