Konwertuj akordeon na hover na onclick

Question

Mam menu akordeonowe, które zostało opracowane przy użyciu czystego css3. Obecnie otwiera menu po najechaniu na niego, ale chcę, aby był otwarty po kliknięciu. Ho mogę to osiągnąć?

Jeszcze jedna pomoc. Obecnie zawartość div znajduje się po prawej stronie nagłówka, ale muszę ją otworzyć po lewej stronie.

Element div powinien mieć automatyczną szerokość na podstawie treści.

Oto DEMO

Answer 1

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

FIDDLE

Answer 2

myślę, że nie wystarczy kliknięcie ale także chciałby zamknąć wcześniej otwarte panele, należy sprawdzić ten kod:

$('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 Example

Mam nadzieję, że to działa dla Ciebie!