この目標は、同じページの複数のドロップダウンで使用できるスクリプトを作成することです。ドロップダウンの内容はさまざま (写真、リストなど) であるため、このトピックではドロップダウンの基本 (開く/閉じる/スタイル) のみに焦点を当てます。
3 つの div と (ドロップダウンが開いているかどうかに応じて) 切り替える 2 つの異なるスタイル クラスを使用して、ドロップダウンを作成します。
一度に 1 つの div のみを表示する方法を考えている最中です。そのため、1 つのドロップダウンが開いていて、他のドロップダウンがクリックされた場合、最初に開いたドロップダウンは自動的に閉じます (非表示)。私はjQueryの初心者なので、すべての助けをいただければ幸いです.コードにコメントを残していただければ幸いです.
これは、コードが現在どのように見えるかです。以前に助けてもらったスクリプトを修正します。
後で、ドロップダウンには、jQuery で実行できることを願っている特別な関数も必要です。ドロップダウンを閉じると(これまでのところ実際にはまだ作成していません)、それを行うには2つの異なるオプションがあるはずです:
1: ラベルまたは div の外側 (ページ) をクリックします。ドロップダウンに複数の設定がある場合に使用されるため、閉じる前にドロップダウンで多くのクリックを行うことができます。2: div の内側または外側のラベルをクリックします (div が選択ボックスのように機能する場合)。
下手な英語でごめんなさい。