javascript - 切换显示/隐藏 (jQuery)

Question

已经有很多关于这个主题的帖子，但没有一个直接解决我的问题。这是我当前的设置:

我有一个 ID 为 #ptwesv 的 div；

另一个 div 包含我想要显示的内容，隐藏 ID 为 #ptwest。

我使用的 jQuery 是这样的:

<script>
jQuery("#ptwesv").click(function(){
    jQuery("#ptwest").show();
});
jQuery("#ptwesv").click(function(){
    jQuery("#ptwest").hide();
});
</script>

这会在单击时正确隐藏 #ptwest 容器，但当我再次单击触发元素 (#ptwesv) 时，不会显示容器。我认为这是因为一旦元素被隐藏，再次单击触发器会导致操作相互冲突。

我正在使用this以 W3 exmaple 作为引用，我注意到的唯一显着差异是显示/隐藏有不同的触发元素。

是否可以触发单个 div 中元素的显示/隐藏以及如何让它工作？

Answer 1

jQuery("#ptwesv").click(function(){
    jQuery("#ptwest").toggle();
});

就是你想要的方式。它切换元素。因此，如果它被显示，它就会隐藏，反之亦然。

目前，由于两次相同的点击元素，该元素将始终隐藏。