نمایش فرم جستجو بعد از کلیک بر روی یک آیتم

سلام. من یه منو دارم به شکل زیر:

تا این بالا که میبینید درست کردم و دکمه قرمزه رو خودم گذاشتم
حالا میخوام وقتی کاربر روی دکمه قرمزه کلیک کرد منوی سایت بشه مثل این شکل زیر و بشه تایپ کرد درش:

برای ساختش فکر میکنم به div با کلاس display none میسازیم وبرای اینکه ثابت باشه z-index بهش میدیم تا بیاد بالای منو ها و وقتی روی دکمه کلیک شه نمایش داده بشه ولی کدنویسیشو نمیدونم
اگه راهنمایی کنید ممنون میشم