Php Jquery多DIVs隐藏/显示

我想用jquery或javascript显示隐藏多个div。 我搜索了网络，但我发现代码必须有唯一的div 比如：

以此类推，但我想在foreache php函数中添加div，这样就不能有多个ID， 前额是一个div包装。 所以，我的问题是，我如何才能做到这一点

编辑 因为我完全是JQuery的noob，我不知道如何实现任何东西， 所以我有这个

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

单击title div时，我希望显示class=hide

解决方案：

    .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>

---

问题是，正如我所说，div是由foreach函数生成的，这解决了它，多亏了大家！我有很多东西要学。

您可以分配公共类，然后使用该类选择器显示公共类的隐藏div

---

添加一些类以选择要隐藏的所有潜水

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

你可以试试

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

解决方案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();

---

有两种方法可以做到这一点：

按类选择div 选择包装器的子div 第一个方法与前面描述的其他方法一样，添加class属性以选择div：

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

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

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

另一个答案是：

使用父元素：

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

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

<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();

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

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

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

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

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

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