jQuery 事件 - toggle() 方法

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


  function(){
  (\
  function(){
  $("body").css("background-color","red");}
  function(){
  $("body").css("background-color","yellow");}
);

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

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

toggle() পদ্ধতি দুইটি বা দুইটিরও বেশি ইভেন্ট হ্যান্ডলার ফাংশনকে বাঁধা দিয়ে, কোনও ইভেন্টকে চালু হলে প্রতিক্রিয়া দেয়

এই পদ্ধতি সংস্থানকে toggle() করার জন্যও ব্যবহার করা যায় hide() সঙ্গে show() পদ্ধতি

Toggle ইভেন্টের জন্য দুইটি বা দুইটিরও বেশি ফাংশন বাঁধা দিন

কোনও ইভেন্ট চালু হলে, দুইটি বা দুইটিরও বেশি ফাংশনের মধ্যে পাল্টা করা হবে

যদি দুইটিরও বেশি ফাংশন নির্ধারণ করা হয়, toggle() মথুর সমস্ত ফাংশনকে টুল করবে। যেমন তিনটি ফাংশন হলে, প্রথম ক্লিক প্রথম ফাংশনকে চালু করবে, দ্বিতীয় ক্লিক দ্বিতীয় ফাংশনকে চালু করবে, তৃতীয় ক্লিক তৃতীয় ফাংশনকে চালু করবে, চতুর্থ ক্লিক প্রথম ফাংশনকে আবার চালু করবে, এবং এইভাবে এগিয়ে যাবে。

ব্যবহার

$(selector).toggle(function1(),function2(),functionN(),...)

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রমাণপত্র বর্ণনা
function1() অপরিহার্য। প্রত্যেক জোড়া ক্লিকের জন্য চালু করা হয়েছে একটি ফাংশন
function2() অপরিহার্য। প্রত্যেক বিচ্ছিন্ন ক্লিকের জন্য চালু করা হয়েছে একটি ফাংশন
functionN(),... বাছাইযোগ্য। toggle() মথুর জন্য অন্য কোনও ফাংশন নির্ধারণ করা হয়

toggle Hide() ও Show()

প্রত্যেক এলিমেন্টকে দেখা কিনা না তা পরীক্ষা করা হয়

যদি এলিমেন্ট লুকানো হয়েছে, তবে show() চালু করা হবে। যদি এলিমেন্ট দেখা যায়, তবে hide() চালু করা হবে। এভাবে টুল ইফেক্ট তৈরি করা যাবে。

ব্যবহার

$(selector).toggle(speed,callback)

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রমাণপত্র বর্ণনা
speed

বাছাইযোগ্য। hide/show প্রভাবের গতি নির্ধারণ করে, ডিফল্ট "0"

সম্ভাব্য মান

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

বাছাইযোগ্য। toggle() মথুর কাজ সম্পন্ন হলে কার্যকরী করা হয়েছে একটি ফাংশন

ক্যালব্যাক সম্পর্কে আরও একটু জানতে আমাদের ক্যালব্যাক ফাংশন টিউটোরিয়াল。

দেখা বা লুকানো এলিমেন্ট

প্রদত্ত ইভেন্টকে মাত্র একটি এলিমেন্টকে নির্দিষ্ট করে

ব্যবহার

$(selector).toggle(switch)

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রমাণপত্র বর্ণনা
switch

অপরিহার্য। বুল মানের মান, toggle() এলিমেন্টগুলিকে শুধুমাত্র দেখা বা শুধুমাত্র লুকানো হবে কি না নির্ধারণ করে

  • true - শোও এলিমেন্ট
  • false - হিড এলিমেন্ট

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