gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 12:17:55 25 4
gpt4 key购买 nike

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

我有一个 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 中元素的显示/隐藏以及如何让它工作?

最佳答案

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

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

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

关于javascript - 切换显示/隐藏 (jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45015852/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com