پنهان کردن عناصر بصورت اسلایدی
با jQuery می توان عناصر را بصورت اسلایدی یا کشویی مخفی و یا نمایان کرد.
مثال - خودتان امتحان کنید
()slideDown
در این مثال، چگونگی نمایان کردن یک عنصر پنهان را بصورت اسلایدی نشان می دهد.
()slideUp
در این مثال، چگونگی پنهان کردن یک عنصر را بصورت اسلایدی نشان می دهد.
()slideToggle
در این مثال، چگونگی نمایان یا پنهان کردن یک عنصر را بصورت اسلایدی نشان می دهد.
پنهان و نمایان کردن عناصر بصورت اسلایدی در jQuery
با jQuery می توان عناصر را بصورت اسلایدی مخفی و یا نمایان کرد.
متدهایی که برای این منظور در jQuery استفاده می شود:
- ()slideDown
- ()slideUp
- ()slideToggle
متد ()slideDown
متد ()slideDown، یک عنصر پنهان را به صورت اسلایدی نمایان می کند.
نحوه استفاده:
پارامترها:
پارامتر | توضیح |
---|---|
speed |
اختیاری است، سرعت نمایش اسلاید را مشخص می کند و می تواند با مقادیر "slow"، "fast" و یا میلی ثانیه مقدار دهی شود. |
callback |
اختیاری است، تابعی است که بعد از اجرای کامل متد ()slideDown اجرا می شود. (درباره تابع callback در مطالب بعدی بیشتر توضیح داده خواهد شد) |
مثال زیر، نحوه ی استفاده از متد ()slideDown را نشان می دهد:
مثال (پنهان کردن عناصر بصورت اسلایدی)
$("#panel").slideDown();
});
متد ()slideUp
متد ()slideUp، یک عنصر را به صورت اسلایدی پنهان می کند.
نحوه استفاده:
پارامترها:
پارامتر | توضیح |
---|---|
speed |
اختیاری است، سرعت پنهان شدن به صورت اسلایدی را مشخص می کند و می تواند با مقادیر "slow"، "fast" و یا میلی ثانیه مقدار دهی شود. |
callback |
اختیاری است، تابعی است که بعد از اجرای کامل متد ()slideUp اجرا می شود. |
مثال زیر، نحوه ی استفاده از متد ()slideUp را نشان می دهد:
مثال (پنهان کردن عناصر بصورت اسلایدی)
$("#panel").slideUp();
});
متد ()slideToggle
متد ()slideToggle، بین متدهای ()slideDown و ()slideUp حرکت می کند.
عنصر پنهان را بصورت اسلایدی نمایان و یا عنصر نمایان را بصورت اسلایدی پنهان می کند.
نحوه استفاده:
پارامترها:
پارامتر | توضیح |
---|---|
speed |
اختیاری است، سرعت پنهان و یا نمایان شدن به صورت اسلایدی را مشخص می کند و می تواند با مقادیر "slow"، "fast" و یا میلی ثانیه مقدار دهی شود. |
callback |
اختیاری است، تابعی است که بعد از اجرای کامل متد ()slideUp اجرا می شود. |
مثال زیر، نحوه ی استفاده از متد ()slideToggle را نشان می دهد:
مثال (پنهان کردن عناصر بصورت اسلایدی)
$("#panel").slideToggle();
});
jQuery Effects Reference
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 21263