Hide/Show



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


hide() এবং show() মেথড

hide() এবং show() মেথড ব্যবহার করে এইচটিএমএল এলিমেন্ট লুকাতে এবং প্রদর্শন করতে পারি।

উদাহরণ দেখুন

$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

hide এবং shoe মেথড এর সাথে আমরা কিছু প্যারামিটার যোগ করে স্পীড বাড়াতে বা কমাতে পারি । নিছে এর Syntax দেখুন।

সিনট্যাক্স

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

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

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

নিচের উদাহরণে স্পীড প্যারামিটার এর সাথে hide() মেথড এর ব্যবহার দেখান হল।

উদাহরণ দেখুন

$("button").click(function(){
$("p").hide(1000);
});



toggle() মেথড

toggle() মেথডটি আপনি hide() এবং show() মেথডের মাঝে ব্যবহার করতে পারেন। তাহলে hide এলিমেন্টের তথ্যগুলো show করবে, আর show করা এলিমেন্ট গুলো hide করবে ।

উদাহরণ দেখুন

$("button").click(function(){
$("p").toggle();
});

অপশনাল প্যারামিটার ব্যবহার করে দেখাতে(show) এবং বন্ধ(hide) করতে কেমন সময় নিবে তা নির্দেশ করে দেয়া যায়। এর মান "slow", "fast", বা মিলিসেকেন্ড হতে পারে। অপশনাল কলব্যাক প্যারামিটার গুলো হল একটি ফাংসন যা execute হয় toggle() মেথড সম্পূর্ণ হবার পরে।

নিচের সিনট্যাক্সে স্পীড প্যারামিটার এর সাথে toggle() মেথড এর অবস্থান দেখান হল।

সিনট্যাক্স

$(selector).toggle(speed,callback);


নিচের উদাহরণে স্পীড ও কলব্যাক প্যারামিটার এর সাথে toggle() মেথড এর ব্যবহার দেখান হল।

উদাহরণ দেখুন

$("button").click(function(){
$("p").toggle(1000);
});








এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.