متد hide و show

مخفی و نمایش عناصر

با jQuery می‌توانید عناصر HTML را به‌راحتی مخفی و نمایش دهید:

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

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

پارامتر سرعت

هر دو متد hide() و show() دو پارامتر اختیاری دارند:

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

• speed: مدت زمان انیمیشن — مقادیر: "slow"، "fast" یا میلی‌ثانیه (مثلاً 1000)
• callback: تابعی که پس از پایان انیمیشن اجرا می‌شود

// مخفی شدن آهسته
$("p").hide("slow");

// مخفی شدن در ۲ ثانیه
$("p").hide(2000);

// نمایش سریع + اجرای تابع پس از پایان
$("p").show("fast", function() {
    alert("انیمیشن تمام شد!");
});

hide() چه کاری انجام می‌دهد؟

متد hide() در واقع ویژگی CSS display عنصر را به none تغییر می‌دهد و jQuery مقدار قبلی display را به خاطر می‌سپارد تا هنگام show() همان را برگرداند. این یعنی:

• عنصر مخفی‌شده جای خود را در صفحه خالی می‌گذارد (برخلاف visibility)
• عناصر اطراف جابه‌جا می‌شوند

مثال کاربردی: نمایش/مخفی کردن بخش نظرات

$("#commentToggle").click(function() {
    $("#comments").toggle("slow");
});

جمع‌بندی

• hide() مخفی می‌کند، show() نمایش می‌دهد، toggle() وضعیت را برعکس می‌کند
• پارامتر سرعت: "slow"، "fast" یا میلی‌ثانیه
• hide در واقع display: none می‌گذارد و عنصر فضا اشغال نمی‌کند