Написал компонент с выпадающим меню, которое раскрывается при клике на него пользователем. Если же снова кликнуть на надпись меню или же кликнуть по свободной области вне этого компонента, то выпадающее меню обратно свернется.
Однако без проблем этот компонент работает только когда он один на странице. Если добавить второй такой компонент, то сталкиваешься с проблемой: если сначала развернуть оба компонента меню, а затем кликнуть по свободной области на странице, то вместо того, чтобы все эти выдающие меню свернулись, вместо этого свернется только лишь одно меню, которое пользователь раскрывал последним. Помогите решить эту проблему, чтобы при клике по свободной области все выпадающие меню сворачивались.
Вот код, который был написан для этих компонентов:
Открыть страницу с кодом. 
Простой