লেখকঃ মোস্তাফিজুর ফিরোজ
কেমন আছেন সবাই ? নিশ্চয়ই ভালো । ভালো না থাকলেও আজ আপনাদের যেটা শিখাবো তাতে এমনিই মন ভালো হয়ে যাবে । আজ আমি আপনাদের জেকোয়েরি ইফেক্টস ব্যবহার করে টেক্সট হাইড এবং শো করা শিখাবো ।
তাহলে আগে চলুন এখান থেকে দুইটি উদাহরণ দেখে আসি ।
উদাহরণ ১ঃ jQuery hide()
একটি সহজ jQuery hide() মেথড প্রদর্শন করে
উদাহরণ ২ঃ jQuery hide()
আরেকটি সহজ jQuery hide() মেথড প্রদর্শন করে। কিভাবে টেক্সট এর কিছু অংশ লুকায়।
jQuery hide() এবং show() ট্যাগের ব্যবহার
jQuery তে hide() and show() মেথড ব্যবহার করে এইচটিএমএল এলিমেন্ট লুকাতে এবং প্রদর্শন করতে পারি:
$("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });
ফলাফল : Hide এবং Show
Syntax
এটাতে কিন্তু আমরা কিছু Syntax যোগ করে স্পিড বাড়াতে কমাতে পারি । তাহলে দেখুন Syntax গুলো কেমন ।
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
এই অপশনাল প্যারামিটার গুলো নির্দেশ করে দেখাতে এবং বন্ধ করতে কেমন সময় নিবে। এর মান "slow", "fast", বা milliseconds হতে পারে।
উদাহরণ:
$("button").click(function(){ $("p").hide(1000); });
ফলাফল : স্পিড নিয়ন্ত্রণ
jQuery toggle() মেথড এর ব্যবহার
jQuery toggle() মেথডটি আপনি hide() এবং show() মেথডের মাঝে ব্যবহার করতে পারেন। তাহলে বন্ধ তথ্যগুলো দেখাবে, আর দেখানোগুলো বন্ধ করবে ।
$("button").click(function(){ $("p").toggle(); });
ফলাফল : Toggle
Syntax
এখানেও আমরা একটা স্পিড Syntax যোগ করে এর স্পীড নিয়ন্ত্রণ করতে পারি ।
$(selector).toggle(speed,callback);
এই স্পীড প্যারামিটার এটিকে দ্রুত, আস্তে এবং মিলিসেকেন্ডে পরিবর্তন করতে পারে ।
কোথাও না বুঝতে পারলে কমেন্ট করুন।