如何通过单击按钮切换div的可见性

如果您对jQuery解决方案感兴趣：

这是HTML

<a id="button" href="#">Show/Hide</a><div id="item">Item</div>

这是jQuery脚本

$( "#button" ).click(function() {    $( "#item" ).toggle();});

您可以在这里看到它的工作方式：

如果您不知道如何使用jQuery，则必须使用以下代码来加载库：

<script src="http://pre.jquery.com/jquery-1.10.1.min.js"></script>

然后使用此行开始：

<script>$(function() {    // pre to fire once the library finishes downloading.});</script>

因此，在这种情况下，最终代码如下：

<script>$(function() {    $( "#button" ).click(function() {        $( "#item" ).toggle();    });});</script>