0

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

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

所以我决定如果其中一个是打开的，其他的就不会倒塌。这使得动画更流畅。

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

所以，对于我的问题。我怎样才能将关闭部分绑定到我想要的任何地方？如果使用可以做到的按钮更容易，但是我已经考虑了自定义光标，显示您可以在任何您想要的地方关闭。

抱歉发了这么长的帖子，提前感谢！

4

1 回答 1

0

我将 .theaccordion-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。

于 2013-09-03T15:06:25.323 回答