仅使用CSS显示隐藏按钮

时间:2012-06-06 14:56:47

标签: html css

我正在尝试模拟CSS中的手风琴菜单。

我出于各种原因无法使用javascript,因此仅限CSS。

是否有一些简单的代码可以通过点击按钮显示/隐藏div

3 个答案:

答案 0 :(得分:6)

如果您正在寻找一款纯CSS手风琴,那么这篇文章和演示可能有所帮助......

http://www.red-team-design.com/wp-content/uploads/2011/05/css3-accordion.html

http://www.red-team-design.com/css3-accordion

答案 1 :(得分:1)

我相信它可以用CSS3完成,但并非所有浏览器都支持动画。这是我能找到的最好的,明确说明没有Javascript。

http://featofdesign.com/stephen/2011/06/16/css3-simple-slideout-accordion-menu/

答案 2 :(得分:0)

我不认为你可以让它在没有javascript的情况下表现得像真正的手风琴。

关于你能做的最好的事情就是让每个菜单选项都折叠起来,并在悬停时让它展开,但是一旦你徘徊,菜单选项就会再次崩溃。