jquery多DIV隐藏/显示

Question

我想隐藏多个div与jquery或javascript。 我搜索网页，但我发现，必须有独特的div 像代码：

<div id="div1">text</div> 
<div id="div2">text</div> 

等，但我想补充的div在foreache PHP函数，所以我不能有多个ID， foreache是​​一个div包装器。 所以，我的问题是我该怎么做？

编辑 因为我在JQuery的是完整的小白，我不知道如何实现什么， 所以我有这个

<div id="wrapper"> 
    <div class="title"> 
    <div class="hide"> Hidden Text</div> 
    </div> 
    </div> 

当我点击标题的div，我想这个类=“隐藏”被显示。

解决方案：

.box 
{ margin:10px; 
    height:auto; 
} 
.panel,.flip 
{ 
padding:5px; 
text-align:center; 
background-color:#e5eecc; 
border:solid 1px #c3c3c3; 
} 
.panel 
{ 
padding:50px; 
display:none; 
} 
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".flip").click(function(){ 
    $(this).next().slideToggle(500); 
    }); 
}); 
</script> 

<div class="box"> 
    <h1>This is the div</h1> 
    <div class="flip">If u click </div> 
<div class="panel"> This will show</div> 

问题是正如我所说的在foreach函数产生的股利，这解决了这个问题，感谢大家！我有很多要学习。

Answer 1

您可以尝试

<div id="div1" class="toggle">text</div> 
<div id="div2" class="toggle">text</div> 

然后

$('.toggle').toggle(); //Automatic Display or hide the matched elements. 

Answer 2

您可以指定公用类，并稍后使用该类选择器来显示隐藏具有公共类的div。

Live Demo

<div id="div1" class="someclass">text</div> 
<div id="div2" class="someclass">text</div> 

$('.someclass').show(); 

Answer 3

添加一些类选择所有潜水躲，

<div class="toHide" id="div1">text</div> 
<div class="toHide" id="div2">text</div> 

，然后隐藏所有这些，

$('div .toHide').hide(); 

Answer 4

解决方案1 ​​

<div id="div1">text</div> 
<div id="div2">text</div> 

jQuery('#div1, #div2').hide(); 
jQuery('#div1, #div2').show(); 
jQuery('#div1, #div2').toggle(); 

解决方案2

<div id="div1" class="some-div">text</div> 
<div id="div2" class="some-div">text</div> 

jQuery('.some-div').hide(); 
jQuery('.some-div').show(); 
jQuery('.some-div').toggle(); 

Answer 5

有这样做的方法有两种：

• 通过类包装

第一种方法是跟大家一样描述

选择儿童格选择的div，添加类属性来选择的div：

<div class="hide">content</div> 

和

$(".hide").hide(); 

第二种方法是给父div一个唯一的ID：

<div id="wrapper"> 
    <div>content</div> 
    <div>content</div> 
</div> 

然后选择它的所有儿童按标签名称：

$("#wrapper div").hide(); 

Answer 6

另一个答案：

使用父元素：

<div id="yourId"> 
    <div id="div1">text</div> 
    <div id="div2">text</div> 
</div> 

$("#yourId div").hide();