# Make dropdown menu disappear on click-away

**URL:** <https://forum.readymag.com/t/make-dropdown-menu-disappear-on-click-away/3862>\
**Category:** Animations\
**Created:** [November 8, 2024, 8:17am UTC](https://forum.readymag.com/t/make-dropdown-menu-disappear-on-click-away/3862 "2024-11-08T08:17:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Angus](https://avatars.discourse-cdn.com/v4/letter/a/b3f665/32.png) [@Angus](https://forum.readymag.com/u/Angus)\
**Post date:** [November 8, 2024, 8:17am UTC](https://forum.readymag.com/t/make-dropdown-menu-disappear-on-click-away/3862/1 "2024-11-08T08:17:09Z")

</div>

I’ve made a drop down menu using an opacity animation on the sub-menu elements.

How can I make the drop down menu disappear if the user clicks anywhere else on the website?

Thanks

---

<div class="post-metadata">

**Author:** ![Masha](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/masha/32/2480_2.png) [@Masha](https://forum.readymag.com/u/Masha)\
**Post date:** [November 15, 2024, 2:01pm UTC](https://forum.readymag.com/t/make-dropdown-menu-disappear-on-click-away/3862/2 "2024-11-15T14:01:30Z")

</div>

Hello! Currently, the background cannot be used as a trigger to close a menu designed with animations (added this to our wishlist). However, if your menu is created using the Hotspot widget, it can be closed by clicking anywhere outside of it.