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();}
});

首先点击标识为img_id的元素会显示标识为mydiv的元素，第二次点击会隐藏它。

查看有关 toggle() 功能的更多信息。

在JS中隐藏/显示页面的一部分

2 个答案: