با سلام 

از هشدار ددوستمون از حالا تو همین صفحه ادامه می دم

از اینجا بحث افکت ها رو شروع می کنم به این جدول پایین دقت کنید اینها چند افکت هستند که براتون چند مثال هم می زنم

 

Method Description
animate() تابع ایجاد انیمیشن روی المان
clearQueue() توقف آخرین انیمیشن 
delay() اجرا با تاخیر
dequeue()  
fadeIn() طاهر شدن یک عنصر 
fadeOut() پنهان شدن عنصر
fadeTo() پنهان یا ظاهر شدن عنصر با شرایط
fadeToggle() پنهان یا ظاهر شدن عنصر با شرایط
hide() پنهان شدن عنصر
queue()  
show() طاهر شدن یک عنصر 
slideDown() طاهر شدن کشویی به سمت پایین یک عنصر  
slideToggle() پنهان یا ظاهر شدن عنصر به صورت کشویی
slideUp() طاهر شدن کشویی به سمت بالا یک عنصر  
stop() توقف انیمیشن عنصر
toggle() مخفی یا ظاهر سازی

 

خوب اینم یه مثال ابتدایی :

example
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<p>If you click on the "Hide" button, I will disappear.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>
 

تابع show / hide به صورت کلی به شکل زیر هستند

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

که معمولا به صورت 

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

یعنی فقط سرعت رو بهش می دیم