jquery - 複数の div を一度に表示/非表示にするボタン

Question

クリックすると一度に複数の div (3 つ以上) が表示され、もう一度クリックすると div が非表示になる単一のボタンが必要です。複数の div を一度に 1 つずつ表示するための答えを見つけましたが、すべての div を同時にポップアップし、1 つのボタンから同時に非表示にしたいと考えています。div のスタイルは異なります。これがすでに回答されている場合は申し訳ありませんが、事前に回答していただきありがとうございます

Answer 1

hiddenDiv非表示にして使用する必要があるすべてのdivにクラスを付けてみませんか

$('#hideButton').click(function() {
  $('.hiddenDiv').toggle();
});

Answer 2

または、通常の JavaScript を使用して (jQuery が気に入らない場合)、html 要素を非表示にする関数を 2 回 (またはそれ以上) 呼び出すことができます。このようなもの：

<button onclick="divHideShow('divC');divHideShow('divD');">Click me</button>

もちろん、divHideShow は div 要素を非表示にする関数です。したがって、上記の hide divC と divD を呼び出します。詳細な手順については、「複数の div を表示または非表示にする」を参照してください。

Answer 3

次のスクリプトを使用します。

$('#button-id').click(function(e) {
  $('#id1, #id2').toggle();
  e.preventDefault();
});