2011-08-29 30 views
0

我想顯示/隱藏子ul's在下面的導航。我設法在Aleksi Yrttiaho的幫助下開展工作。jQuery的 - 只顯示當前上行(使用標籤的點擊,而不是李的)

然後我意識到,我沒有編碼列表項目鏈接在我的jsfiddle,並儘快和我一樣的功能打破了,有人可以幫助我得到它的工作?

This jsFiddle是正確的標記,但使用功能不工作

This is the old markup(預本質上是一個標籤),你可以看到它的工作

所以,唯一的區別是,我想要的功能在點擊鏈接上運行,而不是點擊li。

非常感謝, 紅

回答

1

試試這個

$("nav li").find("ul").hide().end().find("a") 
// hide all other ul's in the nav 
.click(function(e) { 
    $(this).parent().siblings().find('ul').fadeOut('fast'); 
    $(this).parent().children('ul').delay(200).fadeToggle('fast'); 
}); 

http://jsfiddle.net/866UZ/

+0

Red-X = Legend,非常感謝! – Red

+0

很高興能有幫助:) –

0

在你的標記,你應該附上所有李時珍在一個ul標籤內nav。因爲li應始終位於ul標記內。而且你的選擇器也是nav ul li,它會在nav內尋找ul標籤,這是因爲它沒有按預期工作。

看看這方面的工作演示中,我有固定的。

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

相關問題