css - 使用 CSS 的可点击显示/隐藏 Accordion 菜单

标签 css menu hide accordion show

我需要一些帮助来调整这个小 Accordion 菜单,并将悬停效果替换为点击效果,这意味着每当我点击它时显示/隐藏,而不是仅仅悬停在它上面。

http://www.deluxeblogtips.com/2010/04/accordion-menu-css3-transition.html

我对 CSS 了解不多,我所学的一切都是即时的,但这对我来说太难了。我研究过其他选项,例如 :target,但我认为您不能同时使用它来显示和隐藏。

最佳答案

尝试使用 jquery .slideDown() http://api.jquery.com/slideDown/ , .slideUp() http://api.jquery.com/slideUp/和 .slideToggle() http://api.jquery.com/slideToggle/ .

关于css - 使用 CSS 的可点击显示/隐藏 Accordion 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13596491/

相关文章:

jquery - 使用 jQuery 删除并向按钮添加类,添加的新类将无法使用它的点击功能

html - Css 如何在一行中设置 3 个 block block /div

jquery - Chrome 问题 - jquery/javascript 在 Ajax 后无法工作

javascript - 隐藏 AngularJs 中的默认错误消息

jquery - 如何将 jquery ui/css 应用到论坛领域

html - 如何排列3个div : div 1 and 2 stacked in left column,和div 3是右列

javascript - 显示事件菜单的移动菜单样式

android - 试图隐藏和显示操作栏上的菜单项

Javascript切换菜单折叠问题

jquery - 隐藏一定范围的子项 jQuery