如何使手风琴在悬停时部分展开然后在单击时完全打开？

Question

是否可以让手风琴在点击时部分展开然后完全打开？

我一直在使用以下手风琴，但我正在努力让它工作。 http://jqueryui.com/accordion/

我希望能够控制手风琴在悬停时打开的高度，然后在单击时完全打开。

在此先感谢您提供的任何帮助。

Answer 1

先创建手风琴，然后添加悬停功能。下面的代码可能有帮助：

$('.ui-accordion-header').on('mouseenter',function(){

if(!($(this).next('.ui-accordion-content').css('display')=="block"))
{
    $(this).next('.ui-accordion-content').addClass('hover');
}
});

$('.ui-accordion-header').on('mouseleave',function(){
    $(this).next('.ui-accordion-content').removeClass('hover');
});

.hover class 可能看起来像这样：

.hover{display:block !important; height:50px !important;}

如何使手风琴在悬停时部分展开然后在单击时完全打开？

How to make accordion partially expand on hover and then fully open on click?

javascript

css

jquery

accordion