ساخت منو کشوی (زیرهم )

Printable View

یک شنبه 10 تیر 1397, 11:48 صبح
Iran58

ساخت منو کشوی (زیرهم )

سلام
فرض کنید لیستی داریم که تا 4 شاخه زیر هم هستند
حال می خواهم بجای اینکه وقتی روی منوی کلیک میکنم جلوی آن باز شود زیر منو زیر خود منو مورد نظر داده ها باز شوند
چگونه باید طراحی کنم این منو را
اگر نمونه کدی دارید قرار بدهید

کد HTML:

<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/style.css" rel="stylesheet"></head> <body> <ul> <li> 1 <ul> <li>1-1</li> <li>1-2</li> <li>1-3</li> </ul> </li> <li>2</li> <li>3 <ul> <li>3-1</li> <li>3-2 <ul> <li>3-2-1</li> <li>3-2-2 <ul> <li>3-2-2-1</li> <li>3-2-2-2</li> </ul> </li> <li>3-2-3</li> </ul> </li> <li>3-3</li> </ul> </li> <li>4</li> <li>5</li> </ul></body> </html>

باتشکر
دوشنبه 11 تیر 1397, 22:21 عصر
hooman_the1

نقل قول: ساخت منو کشوی (زیرهم )

سلام
اگر جاوا اسکریپت بلد نیستید ، برید سراغ کلاس drop down از فریم ورک بوت استرپ .
اگر جاوا اسکریپت بلدید که با onclick event مثل آب خوردن انجام میشه .
اگر jquery بلدید ( حتی خیلی کم ) هزاران پلاگین برای این کار تو نت هست .
جمعه 15 تیر 1397, 13:29 عصر
Iran58

نقل قول: ساخت منو کشوی (زیرهم )

نقل قول:

نوشته شده توسط hooman_the1

سلام
اگر جاوا اسکریپت بلد نیستید ، برید سراغ کلاس drop down از فریم ورک بوت استرپ .
اگر جاوا اسکریپت بلدید که با onclick event مثل آب خوردن انجام میشه .
اگر jquery بلدید ( حتی خیلی کم ) هزاران پلاگین برای این کار تو نت هست .

نمونه میشه قرار دهید