如何让手风琴在悬停时部分扩展，然后在点击时完全打开？

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类看起来像这样：

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