长文本 MouseOver 手风琴

Question

是否可以在长文本向上推的手风琴上创建鼠标悬停行为？所以屏幕会显示手风琴内文本的底部。

据我所知，它是否仅适用于 OnClick 行为。

尝试在 google 上查找，但所有内容仅通过点击显示

感谢大家的帮助。

Answer 1

你是这个意思吗？

http://jsfiddle.net/84L5o6oL/

那个demo用起来真气人

无论如何，我从 jQuery UI 站点 https://jqueryui.com/accordion/#hoverintent 获取了 hoverintent 演示并附加到 accordionactivate 事件，该事件在手风琴部分打开后触发。

$( "#accordion" ).bind( "accordionactivate", function() {
       $("html, body").animate({
          scrollTop: $('#accordion .ui-accordion-content-active').offset().top + $('#accordion .ui-accordion-content-active').outerHeight(true) -$(window).height()
       }, 500);
});

在此内部，我将滚动顶部设置为动画以转到打开元素内容的底部。

现在我真正的建议是首先向您的客户解释手风琴是一种糟糕的 UI 模式，并且永远不应该用于显示内容。 http://www.nngroup.com/articles/accordions-complex-content/

长文本 MouseOver 手风琴

Long Text MouseOver accordion

accordion

jquery-ui-accordion