こんにちは、4 つのステップがあるクエストがあります。ステップは最初は値 1 を持ち、ユーザーが正しいことを行うたびにステップ ++ が使用されます。
今、私はアコーディオンで説明しています:すべてのステップのセクション。
したがって、ユーザーが正しいステップを実行すると、正しいステップの説明が上にスライドし、次のステップの説明が下にスライドします。
これが私がこれまでに得たものです
acco=$('#accordion:nth-child('+this.step+')');
acco.slideToggle();
しかし、それは正しくないようです...
アイデアはありますか?
ありがとう!
アップデート:
機能はとても大きいです!しかし、一言で言えば。私はこのようなアコーディオンを持っています
<div id="accordion">
<h3>Step1</h3>
<div>La la la</div>
<h3>Step2</h3>
<div>La la la</div>
<h3>Step3</h3>
<div>La la la</div>
<h3>Step4</h3>
<div>La la la</div>
<h3>Step5</h3>
<div>La la la</div>
</div>
たとえば、Step1 セクションは現在開いています。
パラメータとしてステップ数を受け取り、説明の必要なセクションを開く(そして他のすべてを閉じる)関数を書きたい
openclose = function(step) {
acco=$('#accordion:nth-child('+step+')');
acco.slideToggle();
}