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

Question

代码:

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

使用上面的脚本，我可以在单击#clicker 时显示.show_this，但再次单击#clicker 时我想隐藏它。我怎样才能调整我的代码来做到这一点？

我做了一些研究，似乎通过使用 e.preventDefault(); 我能够实现它，但它没有用。

Answer 1

你可以使用toggle();

$(".show_this").toggle();

每次都会切换，所以如果它被隐藏，它会显示它，反之亦然

API 文档:http://api.jquery.com/toggle

此外，event.preventDefault(); 将无法执行此操作，但如果 .show-this 是 anchor 标记，则它很有用，因为它会阻止默认操作，即点击链接。