افکت دار کردن در جی کوئری

[imdeveloper]

سلام
من یه باکس دارم که display : none هست و میخوام وقتی روی یه دکمه کلیک کرد display : block بشه و اومدم با جی کوئری این کد رو نوشتم اما خب هیج افکتی نداره
یعنی در 1صدم ثانیه display:block میشه :|
چی باید بکنم که مثلا یه کم با افکت اینکار انجام بشه؟
کدی هم که نوشتم اینه :
<script type="text/javascript">
$(document).ready(function () {
$(".comment").click(function(){
$(".commentbox").toggleClass("display");
})
});
</script>

[imdeveloper]

بعد یه مشکلی هم که داره اینه که وقتی روی .comment کلیک بشه هرچی .commentbox توی صفحه باشه display: block میشه
چی باید بکنم تا فقط همون پستی که کلیک شده کامنتش display : block بشه؟

[دانیال دزفولی]

سوال 1
http://www.w3schools.com/jquery/jquery_fade.asp

http://www.w3schools.com/jquery/jquery_slide.asp

سوال دو

http://www.w3schools.com/jquery/traversing_closest.asp

[imdeveloper]

سوال 1
http://www.w3schools.com/jquery/jquery_fade.asp

http://www.w3schools.com/jquery/jquery_slide.asp

سوال دو

http://www.w3schools.com/jquery/traversing_closest.asp
من جواب سئوال دومم رو درست متوجه نشدم
ممون میشم راهنمایی کنید

[دانیال دزفولی]

باید المنت والد رو مشخص کنید
که میشه از .parent() یا .closest() استفاده کرد

[imdeveloper]

باید المنت والد رو مشخص کنید
که میشه از .parent() یا .closest() استفاده کرد

الان من توی این کد چجوری باید پیاده سازی کنم؟
<script type="text/javascript">
$(document).ready(function () {
$(".comment").click(function(){
$(".commentbox").toggleClass("display");
})
});
</script>

[دانیال دزفولی]

$(document).ready(function () {

$(".comment").click(function(){

$(this) // buttoni ke rosh click shode .
.closest('.post') // peida kardan valed ba class e "post"
.find(".commentbox").fadeToggle(200); // ba .find farzand ro peida mikonid

})

});