jQuery的 - 只顯示當前上行

Question

即時通訊新來的jQuery，有一個輕微的問題提供了以下導航：

http://jsfiddle.net/6Dh8j/7/

從本質上講，我喜歡這個可愛的網站的創意製作部分導航：http://www.gainsburyandwhiting.com>請參閱投資組合>時裝秀等...

我需要隱藏當前ul並在其位置顯示一個新的。目前，他們展示，直到我取消點擊父母。

有什麼想法？

感謝， 紅

Answer 1

你需要隱藏所有ul元素是當前ul如兄弟姐妹的後代

$(this).siblings().find('ul').fadeOut('fast'); 

此發現該點擊的ul每個同級（所有這些在本例中是ul），並發現所有ul元件被withing其邊界和淡出出來。

在你的代碼的情況下：

$("nav ul li").find("ul").hide().end() 
    .click(function(e) { 
    if (this == e.target) { 
     $(this).siblings().find('ul').fadeOut('fast'); 
     $(this).children('ul').fadeToggle('fast');  
    } 
});