حالت transition با jquery

[feri98]

سلام

من یک کد نوشتم که بعد از اسکرول صفحه تا جای معینی یک div در گوشه سایت نمایش داده بشه

ولی div به صورت خیلی سریع ظاهر میشه و transition که در css برای اون در نظر گرفتم اعمال نمیشه

لطفا در این مورد راهنمایی کنید به چه صورت با افکت آرام div باز بشه

نمونه کد :


jQuery(window).load(function () {
var aboveHeight = jQuery('.com').offset().top;
jQuery(document).scroll(function () {
if (jQuery(window).scrollTop() > aboveHeight) {
jQuery('.changecolor').addClass("tools");
} else {
jQuery('.changecolor').removeClass("tools");
}
});
});

[H:Shojaei]

اگر میخواید فقط از حالت محو یواش یواش واضح بشه .show('slow') میتونه کمکتون کنه...

[feri98]

بله دقیقا همین کار رو میخوام انجام بدم

چجوری به این کد اضافش کنم ؟

[H:Shojaei]

jQuery('.changecolor').show('slow');
jQuery('.changecolor').hide('slow')

[amirali0079]

اگه میخواید یه کلاس رو همراه با زمان اضافه کنید باید از animate استفاده کنید ولی نمیتونید اسمه کلاسو بنویسید باید بیاید اونجا دونه دونه اسم استایل و مقدارو بنویسی و در آخر یه زمان بدی