jquery - 一次显示/隐藏多个 div 的按钮

Question

我想要一个按钮，当点击它时，它会同时显示多个 div（3 个或更多），然后再次点击它会隐藏 div。我找到了一次显示多个 div 的答案，但我希望所有 div 同时弹出并从一个按钮同时隐藏。div 的样式会有所不同。如果这已经得到回答，我很抱歉，并提前感谢您的任何答案

score 3 · Accepted Answer

你为什么不在hiddenDiv所有需要隐藏和使用的div上写一个类？

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

score 0 · Accepted Answer

使用这个脚本：

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

score 0 · Accepted Answer

或者您可以使用普通的 javascript（如果您不喜欢 jQuery）并调用两次（或更多）函数来隐藏 html 元素。像这样的东西：

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

当然，divHideShow 是隐藏 div 元素的函数。所以调用上面的隐藏 divC 和 divD。查找有关以下内容的详细说明：显示或隐藏多个 div。

3 回答 3