css - CSS 3 水平手风琴

Question

我想知道 jQuery 是否以简单的方式提供了水平手风琴......就像他们提供常规手风琴功能的方式一样。在网上搜索后有一些插件可用。但是，我开始使用完全使用 CSS 3 运行的水平手风琴。可以在此处找到它的演示由于我对 CSS 3 还是有点陌生​​，我仍然不完全确定它是如何工作的。我已经能够根据自己的喜好来设计它的大部分样式。但是，就幻灯片效果而言，似乎里面的内容

.accordion>ul>li>div 

关闭选项卡时仍然可见。你可以在这里找到我的问题的一个工作示例。我使用 firebug 试图了解发生了什么，并认为它可能与 z-index 有关。但是，这对我没有太大帮助。

谢谢，

槊

Answer 1

您需要在.accordion>ul>li>div. 目前它是透明的，因此下面的所有内容都“闪耀”。

Answer 2

我认为您指的是网站中间的选项卡，在“统计数据”内：“每场比赛的磅数”、“每场比赛的篮板数”等......

我试图修改你的 css 并放置下一个属性，我认为它有效:)

.accordion > ul > li {position:relative;}<br/>
.accordion > ul > li div {position:relative;background-color:#fff;}