折りたたみ可能なjQueryタブをリンクで閉じたり、フォームを送信したりするにはどうすればよいですか？

Question

私は、フォームを送信する前に情報を入力できるように縦のタブを設定しました。

人がタブをクリックして折りたたむのが直感的ではないという問題があります。

タブ内に「閉じる」リンクを追加するにはどうすればよいですか？ユーザーが「送信」または「リセット」をクリックしたときに開いたタブを閉じるにはどうすればよいですか？

Answer 1

シンプル&簡単な方法：

あなたがそれを開くと、すべての「窓」にいくつかのCSSクラスを追加します。これはスライディングウィンドウを開いているので、問題ではありません。その後、そのサブミットボタンを押すと、そのクラスの要素を見つけて非表示にします（none：/スライドバック/何でも）+そのクラスを削除します。

もちろん、もっと複雑で洗練された方法があります。あなたのニーズや状況によって異なります。