Question

我一直在使用Flexible Slide-to-top Accordion来构建我的页面。

起初我使用的选项只有一个当时打开。我不是jQuery的专家，所以这对我来说是一个挑战。但最终让它运行并感觉完成，然后我注意到iOS上的滑动到顶部都是疯狂的。这不是一个大问题，当我有这么多内容时，这是一个非常尴尬的动画。

所以我决定继续使用它，如果其中一个是开放的，那么其他的不会崩溃。这使动画更加流畅。

但是。滚动一段时间后想要关闭它，你必须再次向上滚动。我想要一个更简单的解决方案，您可以在任何地方关闭它。不是额外的按钮，只是其内容的任何位置。

所以，对我的问题。如何将关闭部分绑定到我想要的任何位置？如果用一个可以做到的按钮更容易，但是我想到了一个用自定义光标显示你可以关闭任何你想要的东西。

很抱歉这篇长篇文章并提前致谢！

Answer 1

我将.accordion-content绑定到点击事件，查看Fiddle，我使用了您网站上的代码。

  // open / close item
  this.$items.find('a:first, .theaccordion-content').bind('click.accordion', function (event) {

     var $item = $(this).parent();

     // close any opened item if oneOpenedItem is true
     if (instance.options.oneOpenedItem && instance._isOpened() && instance.current !== $item.index()) {

          instance._toggleItem(instance.$items.eq(instance.current));

     }

     // open / close item
     instance._toggleItem($item);

     return false;

   });

提示：您应该更改：

<section id="themargin"></section>

到

<section class="themargin"></section>

因为您有重复的ID，而且这不是有效的HTML。

关闭其内容的滑动到顶部手风琴

1 个答案: