Question

好的Stack Overflow人员，我有一个问题，我似乎无法弄清楚这一点。我已经尝试了一段时间了，但我似乎无法直截了当地表达这一点，我希望你能提供帮助。

请看一下这页：

注意页面顶部的按钮显示“显示更少的信息”如果单击它，这应该隐藏每个灰色数据栏右侧内的两个元素，我称之为“石头”。

现在，这很好用。当我点击“显示更少的信息”后，我向每个元素显示孩子的“岩石”时出现问题。您可以点击“加号”按钮并切换孩子以查看我的意思。

如果您切换子项，则不会隐藏单击“显示较少信息”时应隐藏的元素。但是宽度变化的元素发生了变化。

所以问题是：如果我默认有一些隐藏元素，我如何让jQuery隐藏元素集中display: none的元素？是否有某种方式或方法让jQuery更改隐藏的元素，以便当我切换这些新元素时它们也会被更改？

提前感谢任何指导。

解决方案

由于你的帮助，我现在就开始工作了。这是我的回调函数（如果有人碰到这个问题）。

$('.kpi,.edit-nav').fadeOut(200,function(){
   $(this).css('display','none');
});

Answer 1

每当点击“显示更多信息”时，我会在每个section.rock-accordion上切换一个班级。保留你的动画，但给父母一个班级（或缺少那个班级）将允许你控制它的所有孩子，而不仅仅是当前可见的孩子。

Answer 2

是的，它被称为toggle()这里是指向其描述的链接http://api.jquery.com/toggle/