پنهان و نمایان کردن عناصر در jQuery

چاپ
مثال

مثال - خودتان امتحان کنید

()hide
این مثال نشان می دهد که چگونه با کلیک روی تگ <p> آنرا مخفی کنیم.

()hide
این مثال نشان می دهد که چگونه یک تگ <div> را بصورت آهسته مخفی کنیم.


متدهای ()hide و ()show

در jQuery، با متدهای ()hide و ()show می توانید عناصر HTML را پنهان و نمایان کنید:

مثال (پنهان و نمایان کردن عناصر در jQuery)

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});
خودتان امتحان کنید »

نحوه استفاده:

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

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

پارامترها:

پارامترتوضیح
 speed

اختیاری است، سرعت پنهان یا نمایان شدن را مشخص می کند و می تواند با مقادیر "slow"، "fast" و یا میلی ثانیه مقدار دهی شود.

callback

اختیاری است، تابعی است که بعد از اجرای کامل متدهای ()hide و ()show اجرا می شود. (درباره تابع callback در مطالب بعدی بیشتر توضیح داده خواهد شد)

در مثال زیر، پارامتر speed همراه با متد ()hide استفاده شده است:

مثال (پنهان و نمایان کردن عناصر در jQuery)

$("button").click(function(){
  $("p").hide(1000);
});
خودتان امتحان کنید »

متد ()toggle

با متد ()toggle می توانید بین متدهای ()hide و ()show حرکت کنید.

عناصر نمایان را پنهان و عناصر پنهان را نمایان می کند:

مثال (پنهان و نمایان کردن عناصر در jQuery)

$("button").click(function(){
  $("p").toggle();
});
خودتان امتحان کنید »

نحوه استفاده:

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

پارامترها:

پارامترتوضیح
 speed

اختیاری است، سرعت پنهان یا نمایان شدن را مشخص می کند و می تواند با مقادیر "slow"، "fast" و یا میلی ثانیه مقدار دهی شود.

callback

اختیاری است، تابعی است که بعد از اجرای کامل متدهای ()hide و ()show اجرا می شود. (درباره تابع callback در مطالب بعدی بیشتر توضیح داده خواهد شد)

jQuery Effects Reference

For a complete overview of all jQuery effects, please go to our jQuery Effect Reference.