将悬停手风琴转换为onclick

Question

我有一个用纯css3开发的手风琴菜单.目前它是悬停在它上面时打开菜单但我希望它在点击时打开.我能做到这一点吗？

还有一个帮助.目前内容div位于标题的右侧,但我需要在左侧打开它.

并且内容div应该具有基于内容的自动宽度.

这是DEMO

Answer 1

$(\'h3\',\'.horizontalaccordion ul li\').on(\'click\',function() {\n    $(this).closest(\'li\').toggleClass(\'hover\').siblings().removeClass(\'hover\');\n});\xe2\x80\x8b\n

\n\n

\xe2\x80\x8b小提琴

\n