متد slideDown( speed, [callback] ) در jQuery
دسته بندی : آموزش jQuery سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 06 شهریور 1401متد slideDown( speed, [callback] ) در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی میشود. متد slideDown () تمام عناصر منطبق را با تنظیم ارتفاع آنها و ایجاد یک callback اختیاری پس از تکمیل نشان میدهد.
ساختار متد slideDown( speed, [callback] ) در jQuery
در اینجا نحو و ساختار ساده برای استفاده از این متد آمده است:
selector.slideDown( speed, [callback] );
پارامترهای متد
در اینجا تمام پارامترهای استفاده شده توسط این متد توضیح داده شده است:
- speed : رشتهای که یکی از سه سرعت از پیش تعریف شده (“slow”، “def”، یا “fast”) یا تعداد میلی ثانیه برای اجرای انیمیشن را نشان میدهد (مثلاً 1000)
- callback : این پارامتر اختیاری است و نشان دهنده یک تابع برای فراخوانی پس از تکمیل انیمیشن است
مثال
در قطعه کد زیر یک مثال ساده آورده شده است که استفاده از این روش را نشان میدهد:
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#down").click(function(){
$(".target").slideDown( 'slow', function(){
$(".log").text('Slide Down Transition Complete');
});
});
$("#up").click(function(){
$(".target").slideUp( 'slow', function(){
$(".log").text('Slide Up Transition Complete');
});
});
});
</script>
<style>
p {background-color:#bca; width:200px; border:1px solid green;}
</style>
</head>
<body>
<p>Click on any of the buttons</p>
<button id = "up"> Slide Up </button>
<button id = "down"> Slide Down</button>
<div class = "target">
<img src = "../images/jquery.jpg" alt = "jQuery" />
</div>
<div class = "log"></div>
</body>
</html>
این مقاله در اینجا به پایان رسید، امیدواریم از مطالعه آن لذت برده باشید. برای دسترسی به لیست کامل متدهای اعمال جلوههای خاص در jQuery به مقاله بررسی جلوهها (Effects) در jQuery مراجعه کنید.
این مقاله چقدر براتون مفید بود؟