如何控制div，jquery？

Question

好吧，所以基本上我不能讓它與父母一起工作，因爲該類不在父div中。

CSS：

.contentSlide{ 
    display:none; 
} 

HTML：

<div class="contentSlide"> 
    <p>Members image on left and comments on the right. Date floated on right, and link to user.</p> 
</div> 

<div id="button" class="open">Comments(6) &#x25bc;</div> 

JS：

$(".open").live('click',function(){ 
    $(this).parent(".contentSlide").slideDown(); 
    $(this).html("Close \u25b2 <span style='float:right;' onclick='reply=true;' class='reply'>Post a <a href='javascript:void(0);'>comment</a></span>").removeClass("open").addClass("close"); 
}); 

基本上，我們希望在div類 「開放」，使 「contentSlide」 分區了slideDown如果它被點擊。

我們不希望使用$(".contentSlide").slideDown();，因爲我們希望這是全球性的，我們有這些顯示在頁面上contentSlide的div一個以上的事件。

Answer 1

對於您提供的HTML，我們必須經過的所有內容，您都需要使用.prev()函數。

$(this).prev().slideDown(); 

但我會建議給它一個ID或某種數據類型。