jQuery Effects - Hide and Show

با استفاده از jQuery می توانید عناصر html را با ()show و ()hide نمایش داده یا مخفی کنید.

مثال:

افکت hide و show
$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
}); 
مشاهده مثال


شکل دستوری:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);


پارامتر سرعت اختیاری است و سرعت نمایش/ مخفی کردن را مشخص می کند، مقادیری که قبول می کند به شرح زیر است :

    Slaw
    Fast
    زمان با واحد milliseconds

پارامتر callback  اختیاری است و تابعی را مشخص می کند که بعد از اجرای کامل متد ()hide  یا ()show ،قرار است اجرا شود (درفصل های بعد در مورد توابع callback  خواهید آموخت).

مثال زیر استفاده از پارامتر سرعت را در ()hide نشان  می دهد:

سرعت افکت
$("button").click(function(){
    $("p").hide(1000);
}); 
مشاهده مثال


 ()toggle :

در jQuery با استفاده از ()toggle  می توانید بین متد های ()hide و  ()show سوییچ کنید.

عناصر مخفی نمایش پیدا می کند و  عناصر قابل مشاهده، مخفی می شوند.

متد toggle
$("button").click(function(){
    $("p").toggle();
});
مشاهده مثال

شکل دستوری:

$(selector).toggle(speed,callback);


پارامتر سرعت اختیاری است و سرعت نمایش/مخفی کردن را مشخص می کند، مقادیری که قبول می کند به شرح زیر است:

    Slaw
    Fast
    زمان با واحد milliseconds


پارامتر بازگشتی تابعی است که بعداز اجراشدن ()toggle اجرا می شود.

نظر شما

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران بپیوندید

   
   
عضویت
پیام تستی برای وبساز