以下是我的javascript代码,我曾经div在单击时显示button。
div
button
再次单击该如何隐藏?然后单击它,div是否应该再次可见?
<script type="text/javascript"> var _hidediv = null; function showdiv(id) { if(_hidediv) _hidediv(); var div = document.getElementById(id); div.style.display = 'block'; _hidediv = function () { div.style.display = 'none'; }; } </script>
如果您对jQuery解决方案感兴趣:
这是HTML
<a id="button" href="#">Show/Hide</a> <div id="item">Item</div>
这是jQuery脚本
$( "#button" ).click(function() { $( "#item" ).toggle(); });
您可以在这里看到它的工作方式:
如果您不知道如何使用jQuery,则必须使用以下代码来加载库:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
然后使用此行开始:
<script> $(function() { // code to fire once the library finishes downloading. }); </script>
因此,在这种情况下,最终代码如下:
<script> $(function() { $( "#button" ).click(function() { $( "#item" ).toggle(); }); }); </script>