水平導航擴展SubNav

-1

所以我一直在尋找一段時間，找不到答案。水平導航擴展SubNav

我正在做的是有一個4左右的導航主導航主題。點擊每個主題將在與該主題相關的subnav項目列表下方展開（即，單擊「硬件」並顯示所有硬件子主題）。

的想法是類似於你會看到點擊「顯示」上thecomedynetwork.ca

我也希望，當他們點擊其他主要資產淨值，該subnav將關閉和打開新subnav（即'硬件'將關閉，'軟件'將打開）。

對不起，如果我是非常模糊的，我會張貼代碼，但我實際上報廢了我想要的一切。

更新：所以只是當我想我已經釘住了它，我不能讓這個東西正常執行。該的jsfiddle正顯示出它的工作我怎麼需要它（減去喜歡寬鬆明顯拋光）：http://jsfiddle.net/HGTKZ/1/

var divs = $('#nav div'), 
links = $('a'); 

links.click(function() { 
$(this.hash).toggle().siblings().hide(); 
return false; 
});

但當公佈這個事情是行不通的： http://agiile.com/testing6.html

我已經jQuery的鏈接（1.9 .1分鐘來自Google API），而且我沒有語法錯誤...但這個看似簡單的代碼不會運行！另外，如果任何人有一個改善我的html的建議，而不是使用#software，#hardware等，那真是太棒了。 javascript：void（0）會更可取，但我無法想象如何在這種情況下使其工作。

感謝您一路上的幫助！

來源

2013-02-19 Spencer

您應該在Google之前搜索過Google。

無論如何，搜索「CSS導航」欄。你會發現很多例子。他們會做的。

好吧，那麼你就可以建立像它最初使用的CSS

隱藏菜單

。菜單{ 顯示：無; }
設置事件處理程序切換+爲子菜單顯示設置動畫效果。
對那個slideDown Animation使用Jquery。

來源

2013-02-19 08:06:24

絕對保證我在找到我需要的東西時做得很糟糕。我認爲我遇到的最大問題是讓subnav在導航欄下面佔滿全寬。像，我可以得到一個CSS導航欄，但它是在下面的全寬subnav擴展正在趕上我。 – Spencer 2013-02-19 08:16:32

@SpencerFord更好嗎？ – 2013-02-19 08:20:54

你絕對幫我找到了我需要研究的東西。感謝芽！當我發現我比我目前想象的更迷路時，我會報告回來！謝謝Siddharth – Spencer 2013-02-19 08:25:13

確實。如果谷歌的「jQuery的下拉菜單」或「的Javascript下拉菜單」，你會發現這樣的事情：

http://css-tricks.com/simple-jquery-dropdowns/

這將有助於我猜;）

來源

2013-02-19 08:26:17

感謝您承擔我純粹的模糊性！我已經能夠讓這些工作之前，我只是想嘗試一些我沒有做過的全寬下拉菜單保持打開狀態。 – Spencer 2013-02-19 08:41:43

至於問題，我的更新去工作在jsfiddle.net，運行後從jsfiddle.net/draft取得代碼似乎已修復！

不完全確定代碼出現錯誤的地方，但它現在正在工作。多謝你們！

來源

2013-02-22 21:29:17 Spencer

水平導航擴展SubNav

回答

相關問題