8) افکت Slide در جی کوئری

تونل یادگیری جی کوئری

در این بخش از تونل یادگیری جی کوئری میخواهیم با یک افکت جدید آشنا شویم. افکت slide افکتی است که عنصر ما را در صفحه به صورت کرکره ای یا کشویی نمایش میدهد یا به همون شکل پنهان میکند.

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

این افکت از سه تابع اصلی تشکیل شده است که در ادامه باه هر سه تای این توابع آشنا میشویم:

۱) متد ()SLIDEDOWN

هنگامی که از این متد استفاده کنیم المان ما بصورت کرکره ای باز میشود و نمایش داده میشود. این افکت مانند دو افکت قبل دارای دو مقدار ورودی است که دقیقا ساختاری شبیه به هم دارند، به عنوان مثال:

$("#flip").click(function(){
$("#panel").slideDown();
});

۲) متد ()SLIDEUP

این متد عنصر ما را با افکت کرکره ای به سمت بالا جمع میکند و پنهان میکند. در کد زیر مثال این متود را می توانید مشاهده کنید:

$("#flip").click(function(){
$("#panel").slideUp();
});

۳) متد ()SLIDETOGGLE

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

$("#flip").click(function(){
$("#panel").slideToggle();
});