jquery - ホバーアコーディオンをonclickに変換します

Question

私は純粋なcss3で開発されたアコーディオンメニューを持っています。現在、ホバーするとメニューが開きますが、クリックすると開きたいです。どうすればこれを達成できますか？

もう1つの助け。現在、content divは見出しの右側にありますが、左側で開く必要があります。

また、コンテンツdivには、コンテンツに基づいた自動幅が必要です。

これがデモです

Answer 1

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

<ahref = "http://jsfiddle.net/a545y/15/"rel="nofollow">フィドル

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の例

それがあなたのために働くことを願っています！