如何使用jQuery切换特定的div

文森特

好的,所以我对此的了解非常有限,而且我在任何地方都找不到答案。我正在尝试创建多个按钮来切换信息。因此,当单击第一个切换开关时,div 1被切换,当我单击第二个切换开关时,div两个打开,最好是div 1关闭。我的代码非常基础,对此我还很陌生。现在,无论我在切换区域中输入什么值,两个div都会关闭。谢谢,我希望这是有道理的。

这是我的代码:

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div.house").toggle();

  });
});
</script>

<button>Toggle</button>
<div class="house">
<p>SAMPLE TEXT ETC...</p>
</div>

<button>Toggle</button>
<div class="tumble-by">
<p>SAMPLE TEXT ETC...</p>
</div>
不明确的

您可以选择下一个同级:

$("button").click(function(){
   $(this).next().toggle();
});

在上面的代码中,JavaScriptthis关键字指的是clicked元素。$(this)创建一个jQuery集合,并且.next()方法选择该集合元素的下一个同级对象。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery轻松切换切换Div

来自分类Dev

如何为多DIV使用JQuery切换?

来自分类Dev

使用jQuery从菜单切换div

来自分类Dev

使用jQuery从菜单切换div

来自分类Dev

使用Jquery切换Div的宽度

来自分类Dev

无法使用jQuery切换<div>

来自分类Dev

jQuery避免在特定区域上隐藏切换div

来自分类Dev

如何在点击事件中使用多个div来切换表单中的特定div

来自分类Dev

如何在活动div上(使用JQuery)切换彼此分开的其他div?

来自分类Dev

如何在 jquery 中切换 div?

来自分类Dev

使用jQuery查找特定元素以进行切换

来自分类Dev

使用jQuery切换数据列表内的特定面板

来自分类Dev

使用jQuery切换特定段落不起作用

来自分类Dev

Jquery 使用特定类切换最近的项目

来自分类常见问题

使用jQuery切换时隐藏其他div

来自分类Dev

使用JQuery切换div可见性

来自分类Dev

使用jQuery对div的左边距切换动画?

来自分类Dev

使用jQuery切换时隐藏其他div

来自分类Dev

jQuery clickable div使用通配符切换内容

来自分类Dev

使用jQuery切换多个div类

来自分类Dev

滚动时在 div 之间切换,使用 jQuery

来自分类Dev

使用 Jquery 切换视图并隐藏 Div

来自分类Dev

Jquery使用'this'在div之外切换

来自分类Dev

使用Jquery切换div时如何更改图标-和+?

来自分类Dev

jQuery,如何使on click函数与数组配合使用以基于id切换div?

来自分类Dev

如何使用CSS切换显示/隐藏div?

来自分类Dev

如何使用CSS切换显示/隐藏div?

来自分类Dev

如何使用javascript键码切换div

来自分类Dev

如何仅使用 css 切换 2 div 的顺序?