افکت ( ) slideDown در jQuery
در این بخش از آموزش jquery ، افکت SlideDown را در طراحی سایت آموزش می دهیم.
افکت slideDown با افزایش تدریجی ارتفاع یک عنصر مخفی ، آن را از حالت مخفی به حالت نمایان در می آورد . در واقع این افکت این کار را در قالب یک افکت تصویری انجام می دهد . بدیهی است این افکت بر روی عنصری موثر است که در ابتدا مخفی باشد .
افکت slideDown بر روی عناصری که با یکی از افکت های hide یا fadeOut در jQuery مخفی شده اند و یا خاصیت display آنها درcss برابر با none باشد ، اثر خواهد داشت .
کار افکت slideDown این است که کشویی باز میکند.
شکل کلی استفاده از این متد به شرح زیر است :
$ ( " selector " ).slideDown ( speed , callback )
مثال زیر کاربرد افکت slideDown را نشان میدهد:
$("#pars-soft.ir").click(function(){
$("#panel").slideDown();
});
هر وقت روی محتویات تگی که از ای دی به نام pars-soft.ir استفاده می کند کلیک شود محتویات تگی که از ای دی panel استفاده می کند بصورت اسلایدی نمایش داده شود .