jQuery-তে fadeToggle পদ্ধতি

fadeToggle পদ্ধতিটি slideToggle পদ্ধতির মতোই কাজ করে, এটিও প্রভাবগুলির পর্যায়ক্রমিক পরিবর্তন বাস্তবায়ন করে: কখনও উপাদানটি দেখায়, কখনও লুকায়।

উদাহরণস্বরূপ, আমরা একই বোতামে ক্লিক করে একটি উপাদান দেখাতে এবং লুকাতে পারি। আসুন নিম্নলিখিত HTML কোডে এই পদ্ধতিটি বাস্তবায়ন করি:

html<button id="toggle">click me</button>
<div id="elem">text...</div>

CSSটি যেন এইরকম দেখায়:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

নিম্নলিখিত Javascript কোডটি লিখি:

javascript$('#toggle').click(function() {
  $('#elem').fadeToggle(1000);
});