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

是否可以使手风琴部分展开，然后单击完全打开

我一直在使用下面的手风琴，但我正在努力让它工作

我想能够控制高度的手风琴悬停打开，然后它完全打开点击

---

提前感谢您提供的任何帮助

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

$('.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;} 

---

你试过什么了吗？我不知道从哪里开始。你有什么建议吗？首先制作一个简单的手风琴。然后尝试使用悬停功能，然后在这里发布代码。这是你的第一次，所以我为你创建了一个。