jQuery ইফেক্ট - slideToggle() মথড

jQuery ইফেক্ট রেফারেন্স ম্যানুয়াল

উদাহরণ

স্লাইড ইফেক্ট ব্যবহার করে <p> এলিমেন্টকে দেখা ও আমূল্য থাকা অবস্থার মধ্যে সুইচ করুন

$(".btn1").click(function(){
  $("p").slideToggle();
});

স্বয়ংক্রিয়ভাবে চেষ্টা করুন

বিবরণ ও ব্যবহার

slideToggle() মথড এলিমেন্টটির দেখা ও আমূল্য থাকা অবস্থার মধ্যে সুইচ করে, এটি স্লাইড ইফেক্ট (উচ্চতা পরিবর্তন) ব্যবহার করে

যদি চিহ্নিত এলিমেন্টটি দেখানো হয়, তবে এই এলিমেন্টকে আমূল্য করা, যদি চিহ্নিত এলিমেন্টটি আমূল্য হয়, তবে দেখানো হবে

গ্রামার

$().slideToggle(speed,callback)
পারামিটার বর্ণনা
speed

অপশনাল।এলিমেন্টকে আমূল্য থেকে দেখানোর বা এবার বিপরীতের গতি নির্দিষ্ট করুন (ডিফল্ট "normal")

সম্ভাব্য মান

  • মিলিসেকেন্ড (যেমন 1500)
  • "slow"
  • "normal"
  • "fast"

গতি সেট করা হলে, এলিমেন্টটি সুইচিং প্রক্রিয়ায় ক্রমাগতভাবে তার উচ্চতা পরিবর্তন করবে (এটি স্লাইড ইফেক্ট তৈরি করবে)
callback

অপশনাল।toggle ফাংশন সম্পূর্ণ হওয়ার পরে, সেটা করতে হবে ফাংশন

callback সম্পর্কে আরও জানতে আমাদের jQuery Callback চাপ্তি দেখুন

speed পারামিটার সেট না হলে, এই পারামিটার সেট করা যাবে না

সুঝানা ও মন্তব্য

সুঝানা:যদি এলিমেন্ট ইতিমধ্যেই আমূল্য হয়, তবে এই ইফেক্ট কোনও পরিবর্তন উৎপন্ন করবে না, যদি callback ফাংশন নির্দিষ্ট না হয়

আরও উদাহরণ

speed পারামিটার ব্যবহার করে
speed পারামিটার ব্যবহার করে উপর ও নীচের স্লাইড ডিসপ্লে এবং এলিমেন্টকে আমূল্য করা বা দেখানোর জন্য

jQuery ইফেক্ট রেফারেন্স ম্যানুয়াল