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


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



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


show এফেক্ট

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

সিনট্যাক্স


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

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

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

উদাহরণ


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

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

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

  </body>
</html>

কোড এডিটর