1

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

由于各种原因,我不能使用 javascript,所以只能使用 CSS。

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

4

3 回答 3

6

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

https://catalin.red/dist/uploads/2011/05/css3-accordion.html

https://catalin.red/css3-accordion/

于 2012-06-06T15:23:52.397 回答
1

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

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

于 2012-06-06T15:13:25.107 回答
0

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

关于您可以做的最好的事情是使每个菜单选项折叠并在悬停时使其展开,但是一旦您将鼠标悬停,菜单选项将再次折叠。

于 2012-06-06T15:01:47.333 回答