如何摺疊另一個父菜單項與JQuery

摺疊一個子菜單只是想挑選你的大腦有點這個問題我有使用jQuery設置一個可摺疊的菜單。我目前正在使用slideToggle（）函數通過菜單單擊動畫縮放，它可以獨立地關閉和打開子菜單。但我試圖找出一種方法讓子菜單在另一個打開時崩潰。任何建議/提示將不勝感激。如何摺疊另一個父菜單項與JQuery

jQuery的

<script> 
    function initMenu() { 
     $('#menu ul').hide(); 
     $('#menu li a').click(

     function() { 
     $(this).next().slideToggle('normal') 

     }); 

    } 
    $(document).ready(function() {initMenu();}); 
    </script>

HTML

<ul id="menu"> 

    <li><a href="#">Home</a></li> 
    <li><a href="#">In the news</a> 

     <ul> 
      <li><a href="#">Youtube</a></li> 
      <li><a href="#">Blog</a></li> 

     </ul> 
    </li> 

    <li><a href="#">Who's Who?</a> 
     <ul> 
      <li><a href="#">Youtube</a></li> 
      <li><a href="#">Tackle Hunger Tackle Hunger</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Services Offered</a></li> 

</ul>

感謝，

安德烈

來源

2012-01-19 Andre G

Here is a working example.

function initMenu() { 
    $('#menu ul').hide(); 
    $('#menu > li > a').on('click', function() { 
     $('#menu ul').slideUp(); 
     $(this).next().slideDown(); 
    }); 
} 
$(document).ready(initMenu);

來源

2012-01-19 00:41:21

function initMenu() { 
    $('#menu ul').hide(); 
    $('#menu li a').click(

    function() { 
     $('#menu ul').hide('normal'); 
     $(this).next().slideToggle('normal'); 

}); 

} 
$(document).ready(function() { 
    initMenu(); 
});

演示：http://jsfiddle.net/ex2z5/

來源

2012-01-19 00:43:04

把一個類你的菜單項，即「主菜單」，另一個是你的子菜單項，即「子菜單」，並作出函數關閉所有的「子」點擊「主菜單」項目時發生的項目。

來源

2012-01-19 00:45:04

如何摺疊另一個父菜單項與JQuery

回答

相關問題