0

柔軟な Slide-to-top アコーディオンを使用してページを作成しています。

最初は、一度に 1 つだけ開くオプションを使用しました。私は jQuery の専門家ではないので、これは私にとってちょっとした挑戦でした。しかし、ついにそれを実行して完了したと感じた後、iOS のスライド ツー トップがすべてばかげていることに気付きました。これは大したことではありませんでした。コンテンツが多すぎると、かなりぎこちないアニメーションでした。

だから私はそれらの1つが開いていれば、他のものは崩壊しないことにしました. これにより、アニメーションがよりスムーズになりました。

しかし。しばらくスクロールして閉じたい場合は、もう一度スクロールする必要があります。好きな場所で閉じることができる、はるかにシンプルなソリューションが必要です。余分なボタンではなく、コンテンツのどこにでも。

それで、私の質問に。最後の部分だけを好きな場所にバインドするにはどうすればよいですか? ボタンで簡単にできる場合は、どこでも閉じることができることを示すカスタムカーソルを使用して考えました。

長い投稿で申し訳ありませんが、よろしくお願いします！

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 に答える