我正在尝试模拟CSS中的手风琴菜单。
我出于各种原因无法使用javascript,因此仅限CSS。
是否有一些简单的代码可以通过点击按钮显示/隐藏div
答案 0 :(得分:6)
如果您正在寻找一款纯CSS手风琴,那么这篇文章和演示可能有所帮助......
http://www.red-team-design.com/wp-content/uploads/2011/05/css3-accordion.html
答案 1 :(得分:1)
我相信它可以用CSS3完成,但并非所有浏览器都支持动画。这是我能找到的最好的,明确说明没有Javascript。
http://featofdesign.com/stephen/2011/06/16/css3-simple-slideout-accordion-menu/
答案 2 :(得分:0)
我不认为你可以让它在没有javascript的情况下表现得像真正的手风琴。
关于你能做的最好的事情就是让每个菜单选项都折叠起来,并在悬停时让它展开,但是一旦你徘徊,菜单选项就会再次崩溃。