jquery - 使用 jQuery 切换 div 和隐藏的 div

Question

好吧，Stack Overflow 的好 friend 们，我有一个问题，但我似乎无法解决这个问题。我已经尝试了一段时间，但我似乎无法弄清楚这件事，我希望你能提供帮助。

请看一下这个页面:

http://ec2-50-16-99-3.compute-1.amazonaws.com/aptify/rocks/global-rocks.aspx

请注意页面顶部的按钮，上面写着“显示较少的信息”如果您单击它，这应该会在每个灰色数据条的右侧隐藏两个元素，我称它们为“岩石”。

现在，一切正常。当我在点击“显示较少信息”后向每个元素显示“岩石”时，问题就出现了。您可以单击“加号”按钮并切换子项以了解我的意思。

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

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

提前感谢您的指导。

解决方案

感谢您的帮助，我现在可以正常使用它了。这是我的回调函数(以防万一有人遇到这个问题)。

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

Answer 1

只要单击“显示更多信息”，我就会在每个 section.rock-accordion 上切换一个类。保留您的动画，但为父级提供一个类(或缺少该类)将允许您控制其所有子级，而不仅仅是当前可见的子级。