در این بخش از آموزش 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 استفاده می کند بصورت اسلایدی نمایش داده شود .
