用于一次显示/隐藏多个div的按钮

时间:2012-06-10 13:55:02

标签: jquery css html

我想要一个单击按钮,一次显示多个div(3个或更多),然后再次点击它隐藏div。我找到了一次显示多个div的答案,但我希望所有的div同时弹出并同时从一个按钮隐藏。 div将采用不同的风格。对不起,如果已经得到答复,并提前感谢您的任何答案

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

使用此脚本:

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

答案 2 :(得分:0)

或者你可以使用普通的javascript(如果你不喜欢jQuery)并调用两次(或更多)函数来隐藏html元素。 像这样:

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

当然,divHideShow是隐藏div元素的函数。所以在上面调用隐藏divC和divD。 查找详细说明:Show or hide multiple divs