javascript - 如何使用JQuery在再次单击时隐藏div?

原文 标签 javascript jquery onclick onclicklistener

码:

<script type="text/javascript">
$(document).ready(function() {
    $("#clicker").click(function() {
        $(".show_this").show();
        e.preventDefault();
    });
});
</script>


使用上面的脚本,我可以在单击#clicker时显示.show_this,但是在再次单击#clicker时我想将其隐藏。如何调整我的代码来做到这一点?

我做了一些研究,看来通过使用e.preventDefault();我可以实现这一点,但是没有用。

最佳答案

使用.toggle()代替。

$(document).ready(function() {
    $("#clicker").click(function(e) {
        $(".show_this").toggle();
        e.preventDefault();
    });
});


jsFiddle example

关于javascript - 如何使用JQuery在再次单击时隐藏div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18620106/

相关文章:

javascript - 我可以用什么来生成元素定位符的名称?

javascript - IE9 3d表面图

javascript - 在jQuery中,为什么它不会在while循环中提醒每个人?

javascript - jQuery 不相交

javascript - 如何在Javascript中向onclick添加 namespace 功能?

javascript - JavaScript中的for循环以递增方式访问元素

javascript - 单页面应用程序的版本控制和路由?

javascript - babel-loader@7.1.2需要webpack @ 2的同位体|| 3,但未安装

javascript - 使用DataTable search()搜索唯一值

android - Android Paypal启动按钮OnClick在 Activity 生命周期内仅执行一次