jquery - 将悬停手风琴转换为 onclick

Question

我有一个使用纯 css3 开发的手风琴菜单。目前它在悬停时打开菜单，但我希望它在点击时打开。我如何做到这一点？

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

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

这是演示

Answer 1

$('h3','.horizontalaccordion ul li').on('click',function() {
    $(this).closest('li').toggleClass('hover').siblings().removeClass('hover');
});​

​<a href="http://jsfiddle.net/a545y/15/" rel="nofollow"> FIDDLE

Answer 2

我认为您不仅需要单击，还想关闭以前打开的面板，请查看以下代码：

$('h3','.horizontalaccordion ul li').click(function() {
  $('*[class*=hover]').removeClass('hover'); // close all opened tabs
  $(this).closest('li').addClass('hover'); // open the currently clicked one
});​

jsFiddle 示例

我希望这对你有用！