隱藏/顯示部分頁面在JS

Question

我在我的網站上有一個圖像。我希望當我點擊它時，它會顯示一個<div>，當我再次單擊它時，它會隱藏<div>。 我該如何在JavaScript中做到這一點？我應該使用jQuery嗎？

Answer 1

您可以在JQuery中這樣做：

<img id="img_id" src="image path here" /> 
<div id="mydiv" style="display:none;">Some content</div> 

$('#img_id').toggle({ 
    function(){$('#mydiv').show();}, 
    function(){$('#mydiv').hide();} 
}); 

˚F首先點擊一個ID爲img_id的元素將顯示一個ID爲mydiv的元素，第二次點擊會隱藏它。

查看更多信息關於toggle()功能。

Answer 2

看一看

• jQuery API .toggle()
• jQuery API .hide()
• jQuery API .show()