首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在jQuery中使用一个按钮隐藏/显示div

在jQuery中使用一个按钮隐藏/显示div
EN

Stack Overflow用户
提问于 2018-08-10 04:26:14
回答 1查看 185关注 0票数 2

我试图隐藏一个元素,并在按钮被单击时显示另一个元素,并在再次单击时切换。

我想出了这样的办法,但这行不通...

代码语言:javascript
复制
jQuery("#wcvat-toggle").click(function() {
  jQuery("#excltaxout").show();
  jQuery("#incltaxout").hide();
});
代码语言:javascript
复制
<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。有什么建议吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-10 04:28:22

要做到这一点-并假设其中一个元素开始隐藏-您可以简单地同时对这两个元素调用toggle()。这将颠倒它们的display状态。

代码语言:javascript
复制
jQuery(function($) {
  $("#wcvat-toggle").click(function() {
    $("#excltaxout, #incltaxout").toggle();
  });
});
代码语言:javascript
复制
#excltaxout { display: none; }
代码语言:javascript
复制
<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>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51775269

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档