PDA

View Full Version : تفاوت show با slideUp



esmahdi
شنبه 07 آبان 1390, 12:11 عصر
سلام
تو jquery چه تفاوتی بین استفاده از show یا استفاده از slidedown وجود داره. همچنین hide یا slideUp.
ممنون :لبخندساده:

mahdioo12194
شنبه 07 آبان 1390, 13:24 عصر
خوب slideup یا slidedown در واقع با یک افکتی اون عمل رو انجام می دن مثل (کشو) عملکردشون واضح است کافیه شما کد های مربوط به انها رو اجراکنید!!!

esmahdi
شنبه 07 آبان 1390, 23:27 عصر
سلام
مثلا کد زیر رو ببینید


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#makhfi1").click(function(){
$("#matn1").slideToggle("slow");
});
$("#makhfi2").click(function(){
$("#matn2").toggle("slow");
});
});
</script>
</head>
<body>
<p id="matn1">in matn tavasote slideToggle bala miravad</p>
<button id="makhfi1" style="margin:0 auto">مخفی/آشکار</button>
<p></p>
<p id="matn2">in matn tavasote toggle bala miravad</p>
<button id="makhfi2" style="margin:0 auto">مخفی/آشکار</button>
</body>
</html>
البته من یه فرق هایی رو تو یه جاهایی دیدم که خیلی جزییه. نمی دونم دقیق چیه فرقشون

blackmak
شنبه 07 آبان 1390, 23:58 عصر
سورسو یکم تغییر دادم اینطوری تفاوتشون واضحتره

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#makhfi1").click(function(){
$("#matn1").slideToggle("slow");
});
$("#makhfi2").click(function(){
$("#matn2").toggle("slow");
});
});
</script>
</head>
<body>
<div style='float:left'>
<p id="matn1">in matn tavasote slideToggle bala miravad<br>asdasdasdasd<br>asdasdasd<br>asdasdasdasdasd<br>asdasdasdasd<br>asdasdasd<br>asdasdasdasdasd</p>
<button id="makhfi1" style="margin:0 auto">مخفي/آشکار</button>
</div>
<div style='float:left'>
<p id="matn2">in matn tavasote toggle bala miravad<br>asdasdasdasd<br>asdasdasd<br>asdasdasdasdasd<br>asdasdasdasd<br>asdasdasd<br>asdasdasdasdasd</p>
<button id="makhfi2" style="margin:0 auto">مخفي/آشکار</button>
</div>
</body>
</html>

esmahdi
یک شنبه 08 آبان 1390, 00:42 صبح
سلام
بله من این رو هم متوجه شدم
یعنی شما می گین تفاوتش فقط تو این نوع باز و بسته شدنه؟

Reza1607
جمعه 13 آبان 1390, 12:07 عصر
فرقشون در نحوه نمايش و يا مخفي كردنشونه
توابع show‏ و hide‏ به صورت آني و در همون لحظه خاصيت display‏ سلكتور رو تغير ميده اما توابع slide‏ اكه اشتباه نكنم اول از طول سلكتور كم مي كنه و بعد كه طولش صفر شد خاصيت display‏ رو تغير ميده
توصيه مي كنم براي درك اين موضوع از افزونه firebug‏ فايرفاكس و يا از google chrome ‎استفاده كنيد

L u k e
جمعه 13 آبان 1390, 18:18 عصر
تابع hide و show دو تابع کلی هستند که شما با استفاده از اول می تونید یک element رو با effect های مختلف باز کنید
یه ورودی داره که می گه با چه افکتی این کار انجام بشه ولی توابع slide و fade یک افکت ثابت دارند
تو site خود jquery سرچ می کردی بهتر توضیح داده