stop মেথড

stop মেথড আমাদের সাথে সাথে চালু অ্যানিমেশন বন্ধ করতে দেয়। অ্যানিমেশন পরবর্তী ফাংশন থেকে আগেরটি শেষ না করেই চলতে থাকবে।

সিনট্যাক্স

এভাবে আমরা চালু অ্যানিমেশন বন্ধ করি। দুটি ঐচ্ছিক প্যারামিটার পাস করা যায়, যা বুলিয়ান মান নেয়। যদি প্রথম প্যারামিটার true সেট করা হয়, তাহলে অ্যানিমেশন কিউতে থাকা বাকি ফাংশনগুলো মুছে যাবে এবং কখনও চলবে না। যদি দ্বিতীয় প্যারামিটার true সেট করা হয়, তাহলে অ্যানিমেশন বন্ধ করার সময় এলিমেন্টের css প্রপার্টিগুলো সাথে সাথে তাদের চূড়ান্ত মান নেবে (অর্থাৎ, যদি লক্ষ্য হয় এলিমেন্টটি ধীরে ধীরে লুকানো, তবে তা সাথে সাথে লুকানো হবে):

javascript.stop([clearQueue], [jumpToEnd]);

একটি ঐচ্ছিক প্যারামিটারও পাস করা যায়, যাতে কিউর নাম উল্লেখ করা থাকে:

javascript.stop([কিউর নাম], [clearQueue],[jumpToEnd]);

সেটিং jQuery.fx.off = true ব্যবহার করে গ্লোবালি অ্যানিমেশন বন্ধ করা যায়, যা ডিউরেশনের মান 0 সেট করে।

উদাহরণ

আসুন আমরা এমন করি যাতে #toggle বাটনে প্রতিবার ক্লিক করলে আমাদের আয়তক্ষেত্রটি slideToggle মেথড ব্যবহার করে প্রসারিত ও সংকুচিত হয়। অ্যানিমেশন শেষ হওয়ার জন্য না অপেক্ষা করে বাটনে ক্লিক করুন - পরবর্তী ধাপটি stop মেথডের কারণে আগের ধাপ শেষ হওয়ার জন্য অপেক্ষা না করেই চলতে শুরু করবে:

html<button id="toggle">toggle</button>
<div id="test"></div>

css#test {
  background-color: green;
  border: 1px solid black;
  width: 200px;
  height: 100px;
  margin: 10px;
}

javascript$('#toggle').on('click', function() {
  $('#test').stop().slideToggle(1500);
});

আরও দেখুন