打开时JQuery折叠样式更改
打开时JQuery折叠样式更改
提问于 2012-03-22 01:15:22
我正在尝试让一个jQuery accordion根据它是否是活动的，以及它是顶部、底部还是夹在顶部和底部标题之间的位置来更改边角圆角。
我想让装手风琴的盒子的顶部和底部都是圆角的。默认情况下，折叠主题在关闭的页眉上也有圆角。
是否有一个样式方法可以指示手风琴，在不活动时以及顶部和底部之间，具有90度角，而底部在不活动时具有圆角，在活动时具有90度角？或者这将是一个更复杂的练习，使用自定义的javascript？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-03-22 01:20:15
如何使用.addClass和.removeClass根据特定事件更改accordion headers div元素的css呢？当它被点击时，是否会指示活动状态？是否在再次单击以将其隐藏时停用？
您可以检查.parent()或.sibling()元素，以确定它是否在其他折叠面板标题div元素的下面/旁边/下面？
Stack Overflow用户
发布于 2012-03-22 01:30:40
如果你正在寻找一个只有CSS的解决方案，也许像这样的东西可以做你想要的：
.accordion {
border-radius: 10px;
}
.accordion [aria-expanded=false] {
border-radius: 10px;
}
.accordion [aria-expanded=true] {
border-radius: 0;
}
.accordion > [aria-expanded=false] + :last-child {
border-radius: 10px;
}
.accordion > [aria-expanded=true] + :last-child {
border-radius: 0;
}在.accordion的位置，你应该放置任何与你的手风琴相匹配的选择器。请记住，这在IE8和更早的版本中不起作用，但它应该可以在大多数其他最新的浏览器中工作。我还没有真正尝试过，所以我不能完全确定它是否能工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9809569
复制相关文章
相似问题
腾讯云开发者
