Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

যেক্যুয়েরী hide এফেক্ট - jQuery hide Effect


যেক্যুয়েরী এর এফেক্ট গুলোর মধ্যে জনপ্রিয় 2টি এফেক্ট হল hide এবং show. কোন html এলিমেন্ট এর ওপর এই যেক্যুয়েরী এফেক্ট গুলো প্রয়োগ করা হয়। এখানে যেক্যুয়েরী hide এফেক্ট এর একটি ব্যাবহারিক উদাহরণ দেখুন।



If you click on the "Hide" button, This text will disappear.


hide এফেক্ট

যেক্যুয়েরী এর hide এফেক্ট ব্যবহার করে কোন এইচটিএমএল এলিমেন্টকে অদৃশ্য অর্থাৎ hide করা যায়। নিচে যেক্যুয়েরী এর hide এফেক্ট ব্যবহার এর সিনট্যাক্স দেখুন।

সিনট্যাক্স


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

এখানে speed, easing এবং callback হল কয়েকটি অপশনাল প্যারামিটার, যা আসলে মূলত একটি ফাংশন যা hide() মেথড সম্পূর্ণ হবার পরে execute হয়। এই প্যারামিটার গুলো ব্যবহার করে কোন এইচটিএমএল এলিমেন্ট অদৃশ্য অর্থাৎ hide হবার গতি বা speed বাড়াতে বা কমাতে পারি।

hide() মেথড এর এই অপশনাল প্যারামিটার গুলোর মান "slow", "fast", বা মিলিসেকেন্ড হতে পারে। নিচে একটি উদাহরণ দেখুন, যেখানে hide() মেথড এর সাথে এই অপশনাল প্যারামিটার ব্যবহার করা হয়েছে।

উদাহরণ


<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("p").hide(1000);
    });
    });
    </script>
  </head>
  <body>

    <p>If you click on the "Hide" button, This text will disappear.</p>

    <button id="hide">Hide</button>

  </body>
</html>

কোড এডিটর