首页 文章

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

提问于
浏览 次
-1

是否有可能使手风琴部分扩展，然后在点击时完全打开？

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

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

感谢您提供的任何帮助 .

javascript jquery css accordion

1 回答

  • 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;}
    回复于

相关问题