-
div جمع شو
سلام
فرض کنید یک صفحه داریم که دارای دوبخش است (منو وبدنه اصلی) که هرکدام داخل یک div قرار دارد
حال من میخواهم div بخش منو طوری باشد که یک ایکونی مثلا داشته باشد (یا هرچیزی) کاربر بروی ان کلیک کرد اگر باز بود بسته شود و اگر بسته بود باز شود
چگونه باید کدهایش را بنویسم
باتشکر
-
نقل قول: div جمع شو
یه کلاس تعریف کنین توش display:none; قرار بدین. بعد توی رویداد کلیک اون آیکون از toggleClass استفاده کنین.
اگه میخواین حرفه ای تر باشه و انیمیشن داشته باشه میتونین به جای display:none در کلاس width رو برابر صفر قرار بدین و انیمیشن بدین و addClass کنین و متغیر isOpen رو false کنین بعد بگین دفعه بعد که روش کلیک شد اگه isOpen برابر false بود removeClass کنه کلاس قبلی رو و کلاس جدیدی اضافه کنه که طول رو به مقدار قبلی بر میگردونه.
-
نقل قول: div جمع شو
-
نقل قول: div جمع شو
جیکوئری .toggle و .slideToggle رو داره که همین کار رو میکنن نیاز نیست کلاس بدی و css بنویسی
https://www.w3schools.com/jquery/eff_slidetoggle.asp