سوال درباره طراحی بخشی از قالب html/css

[Feri 37]

با درود.

بنده در حال طراحی اولین پوسته وردپرسی خودم هستم و چون خیلی مبتدی هستم نمیدونم چطور باید این بخش هارو طراحی کنم ممنون میشم به این سوال بنده توجه کنید و راهنمایی بفرمایید.

برای اینکه بتونم خاصیت دراپ داون ایجاد بکنم که هم با mouse hover و هم با touch (کلیک کردن) مقادیر منو نمایش داده بشه از چه چیزی باید استفاده کنم ؟

دقت کنید وقتی با ماوس هاور میکنیم منو باز میشه، و وقتی هم با ماوس و یا تاچ موبایل کلیک میشه باز هم باز میشه اما دیگه بسته نمیشه تا زمانی که دوباره کلیک بشه روش.

مثال دقیق تر در قسمت دسته ها (اپارات) :

http://www.aparat.com/

نکته:از اونجایی که بنده جز منوی اصلی برای بخش های دیگه ای از سایت منوی دراپ داون نیاز دارم (مثل اشتراک در شبکه های اجتماعی/لینک های دانلود و...)  لطفا راه حل و یا اسکریپتی معرفی کنید که با یک تکه کد بتونم این خاصیت رو به بخش های مختلف اضافه کنم.

با تشکر.