在jQuery中使用一个按钮隐藏/显示div
在jQuery中使用一个按钮隐藏/显示div
提问于 2018-08-10 04:26:14
我试图隐藏一个元素，并在按钮被单击时显示另一个元素，并在再次单击时切换。
我想出了这样的办法，但这行不通...
jQuery("#wcvat-toggle").click(function() {
jQuery("#excltaxout").show();
jQuery("#incltaxout").hide();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="wcvat-toggle">
<span id="incltaxout">Including Tax</span>
<span id="excltaxout">Excluding Tax</span>
</a>
但是，这将始终显示#excltaxout。有什么建议吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-10 04:28:22
要做到这一点-并假设其中一个元素开始隐藏-您可以简单地同时对这两个元素调用toggle()。这将颠倒它们的display状态。
jQuery(function($) {
$("#wcvat-toggle").click(function() {
$("#excltaxout, #incltaxout").toggle();
});
});#excltaxout { display: none; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="wcvat-toggle">
<span id="incltaxout">Including Tax</span>
<span id="excltaxout">Excluding Tax</span>
</a>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51775269
复制相关文章
相似问题
腾讯云开发者
