ساختن منو با css

سلام.من یه چیزی تو مایه های منو برای صفحه ام ساختم.یه دکمه است که وقتی موس روش میره منو باز میشه.سوالم اینه که چطوری می تونم کاری کنم که اگر روش کلیک شد همونطور باز بمونه.الان وقتی موس رو می برم روش باز میشه یعنی با hover کار کردم.وقتی هم که روی active باشه تا وقتی دکمه ماوس رو پایین نگه دارم منو نمایانه بعدش دوباره میره.من می خوام وقتی روش کلیک شد همونطور باز بمونه تا وقتی که جای دیگری از صفحه کلیک بشه.
امیدوارم منظورم رو رسونده باشم.

با جاوا اسکریپت راحت تره css پیچیدگی زیاد داره یک چیزایی مثل focus این چیزاس پیشنهاده من اینه که از اماده ها استفاده کن یا با جاوا اسکریپت بنویس

مي توني از jquery استفاده كني