2014-02-25 163 views
-7

我有一個導航欄,當您單擊標題時,我想顯示或隱藏菜單選項。使用onclick切換div的可見性

下面是半碼,但是我怎樣才能進入onclick來隱藏/顯示div?

<a href=link onclick=?>MENU 1</a> 
    <div id='menu1'> 
    Option 1 
    Option 2 
    Option 3 
    </div> 
+10

[所以]是不是** **替換爲谷歌。你究竟在哪裏遇到問題? – Lix

+0

在本網站的任何問題上都可能發佈同樣的答案。谷歌在這裏指示我。這是一個基於問題的編碼網站是不是? –

+0

Google確實沒有**指示你提出一個新問題 - 這是你決定要做的事情。雖然你沒有解決我的問題..你究竟在哪裏遇到問題? – Lix

回答

0

您可以使用:

$('a').click(function(e) { 
    e.preventDefault(); 
    $('#menu1').toggle(); 
}) 

Fiddle Demo

+6

這就是[so]上有這麼多零功夫問題的原因。我意識到你只是在幫助。但是,難道你不希望OP在發佈之前至少*試着*先幫助自己?我暗示整個「教一個人釣魚」的故事...... – Lix

+0

請注意'toggle'從JQuery 1.8開始已被棄用,並在1.9中被刪除。 – ElGavilan

+1

@ElGavilan切換(功能...功能...被刪除,但不是功能切換本身http://api.jquery.com/toggle/ – Anton