您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

如何通过单击按钮切换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://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>
其他 2022/1/1 18:14:54 有576人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶