如何控制div,jquery?

时间:2011-10-10 02:43:22

标签: javascript jquery

好的,所以基本上我不能让它与父母一起工作,因为这个班级不在父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”div滑动。

我们不希望使用$(".contentSlide").slideDown();因为我们希望在页面上显示多个这样的contentSlide div时这是全局的。

1 个答案:

答案 0 :(得分:3)

对于您提供的HTML并且我们必须经历的所有内容,您可能希望使用.prev()函数。

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

但我建议给它一些ID或数据类型。