Javascript 显示和隐藏divjQuery

我对这一结构有如下看法：

HTML:

如何使其仅显示我单击的div

.

使用下面的代码。检查

jquery

获取集合中每个元素紧跟其后的同级 匹配元素。如果提供了选择器，它将检索下一个 仅当它与该选择器匹配时才为同级

第二种选择

Jquery

显示或隐藏匹配的元素

---

要查找最近的

div.b

，请使用。不要使用

.show（）

和

.hide（）

使用

$（函数（）{
$（'.a'）。单击（函数（）{
$（this.sides（'.b'）.toggle（）；
});
});

按钮
内容
按钮
内容
请检查


$（'.a'）。单击（函数（）{
$（'.b'）.hide（）；
$（this.sides（'.b'）.show（）；
返回false；
});

按钮
内容
按钮
内容
请使用下面的代码


$（'.a'）。单击（函数（）{
$（this.next（'.b'）.slideToggle（）；
});

按钮
内容
按钮
内容
这里有一个简单快捷的解决方案。请检查这里：sfiddle.net/webyourway/aahqh80q/9/

使用名为“hidden”的html属性是非常罕见的。我以前从来没有用过。我猜很少使用的主要原因是，从语义上讲，它应该用来隐藏元素，而不考虑其表示形式。在您的情况下，似乎最好使用CSS display:none

$(document).ready(function () {
    $('.a').click(function () {
        $('.b').hide();
        $(this).next('.b').show();
    });
});

您可以使用.toggle（）来显示和隐藏备选方案。
试试这个

 $(document).ready(function () {
  $('.a').click(function () {
   $(this).next('.b').toggle(1000);
 });
});

$（this.sibbines（'.b'）.toggle（）。在
$（内容）
中不需要
$（）
<代码>内容.隐藏（）可以正常工作。再说一次：
.toggle（）
？很高兴帮助您。在答案中添加了两个选项：）尽管“请检查”肯定比“解释您的想法”糟糕得多，但您的代码的工作方式与大多数其他答案中的代码不同。谁知道呢：也许这才是真正需要的。是我的错。我以前从未使用过此属性。很高兴知道使用它的用例。我认为Q中的一个不是使用它的最佳方式。我会更正我的帖子。此外，您的命名是100%正确的。
 $(document).ready(function () {
   $('.a').click(function (e) {
     e.preventDefault();
    // $('.b').hide();  if you want to hide opened div uncomment this line
     var bOBJ = $(this).next('.b');
    if (bOBJ.is(":visible")) {
        bOBJ.hide();
    } else {
        bOBJ.show();
    }
    //return false;
  });
});

 $(document).ready(function () {
   $('.a').click(function (e) {
     e.preventDefault();
     // $('.b').hide();  if you want to hide opened div uncomment this line  
    $(this).next('.b').toggle();
     //return false;
   });
 });

    $(document).ready(function () {
    $('.a').click(function () {
        var parent =$(this).parent();
        var content =parent.find(".b").first();

        if ($(content).is(":visible")) {
            $(content).hide();
        } else {
            $(content).show();
        }
        return false;
    });
});

$(document).ready(function () {
    $('.a').click(function () {
        $('.b').hide();
        $(this).next('.b').show();
    });
});

 $(document).ready(function () {
  $('.a').click(function () {
   $(this).next('.b').toggle(1000);
 });
});