Chuyển đổi accordion di chuột để onclick

Question

Tôi có một menu accordion được phát triển với css3 tinh khiết. Hiện tại, nó đang mở menu khi di chuột lên nó nhưng tôi muốn nó được mở khi nhấp chuột. Tôi làm gì để đạt được điều này?

Một trợ giúp khác. Hiện tại div nội dung nằm ở bên phải của tiêu đề nhưng tôi cần mở nó ở phía bên trái.

Và div nội dung phải có chiều rộng tự động dựa trên nội dung.

Đây là DEMO

Answer 1

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

FIDDLE

Answer 2

Tôi nghĩ rằng bạn không chỉ cần một nhấp chuột nhưng cũng muốn đóng tấm mở trước đó, sau đó xin vui lòng kiểm tra mã này:

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

Tôi hy vọng điều đó phù hợp với bạn!