PDA

View Full Version : سوال: div جمع شو



Iran58
سه شنبه 17 مهر 1397, 10:42 صبح
سلام
فرض کنید یک صفحه داریم که دارای دوبخش است (منو وبدنه اصلی) که هرکدام داخل یک div قرار دارد
حال من میخواهم div بخش منو طوری باشد که یک ایکونی مثلا داشته باشد (یا هرچیزی) کاربر بروی ان کلیک کرد اگر باز بود بسته شود و اگر بسته بود باز شود
چگونه باید کدهایش را بنویسم
باتشکر

marasiali
جمعه 20 مهر 1397, 10:42 صبح
یه کلاس تعریف کنین توش display:none; قرار بدین. بعد توی رویداد کلیک اون آیکون از toggleClass استفاده کنین.
اگه میخواین حرفه ای تر باشه و انیمیشن داشته باشه میتونین به جای display:none در کلاس width رو برابر صفر قرار بدین و انیمیشن بدین و addClass کنین و متغیر isOpen رو false کنین بعد بگین دفعه بعد که روش کلیک شد اگه isOpen برابر false بود removeClass کنه کلاس قبلی رو و کلاس جدیدی اضافه کنه که طول رو به مقدار قبلی بر میگردونه.

Iran58
سه شنبه 24 مهر 1397, 15:13 عصر
کسی نمونه کد نداره

plague
سه شنبه 24 مهر 1397, 18:48 عصر
جیکوئری .toggle و .slideToggle رو داره که همین کار رو میکنن نیاز نیست کلاس بدی و css بنویسی
https://www.w3schools.com/jquery/eff_slidetoggle.asp