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