jQuery-僅顯示當前ul

Question

我是jQuery的新手，以下導航存在一個小問題：

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

本質上，我喜歡這個可愛網站的“創意制作”部分中的導航： http : //www.gainsburyandwhiting.com >請參閱作品集>時裝秀等...

我需要隱藏當前的ul，並在其位置顯示一個新的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');    
     }
});