好吧,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');
});
最佳答案
只要单击“显示更多信息”,我就会在每个 section.rock-accordion
上切换一个类。保留您的动画,但为父级提供一个类(或缺少该类)将允许您控制其所有子级,而不仅仅是当前可见的子级。
关于jquery - 使用 jQuery 切换 div 和隐藏的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9104633/