アコーディオンを自動的に循環させるための jquery プラグインまたはスクリプト

Question

誰かがこれに関して私にアドバイスしてください。現在、アコーディオンプラグインを使用しています ベーシスタンス.de 各項目ヘッダーの上にカーソルを置いて各子のコンテンツを表示すると、正常に動作します。これには順序なしリストを使用しています（4つのリスト項目、それぞれに2つの子項目があります）

これは問題ありませんが、要件では次のことが求められています。

1. 各リスト項目を 5 秒ごとに自動的に循環 (展開/縮小) しますが、
2. 子コンテンツ (通常、そのリスト項目のアコーディオン機能をアクティブにする親項目ではありません) の上にマウスを移動すると一時停止します。
3. マウスオーバー機能はまだ保持されています。各リスト項目の子コンテンツを展開/折りたたみます。

以上のことが理解できることを願っています。不明な点があれば、お知らせください。喜んで明確にさせていただきます。

ありがとう！

Answer 1

これを行うには、次の 2 つのことを行う関数を作成します。

1. サイクル内の次の要素で click() を呼び出します。
2. 最初のパラメータとしてメソッド自体を指定し、2 番目のパラメータとして目的の遅延を指定して setTimeout を呼び出します (基本的に、関数は遅延付きで再帰的に呼び出されます)。

マウスオーバーで循環を停止するには、if(running) で click() 呼び出しを囲み、実行中の変数を制御するための start メソッドと stop メソッドを作成します。これらを関連要素にマウスオーバーするようにバインドします。

見る この例 インスピレーションを得るために（「そしてついに…」という見出しを探してください）。