Действие при двойном клике (если 2 клика под ряд)?

Question

[Denys]

Помогите сделать счетчик кликов по условию.
Если нажали на элемент 1 раз - добавить класс, 2 раза под ряд, то убрать класс.

У меня 2 выпадающих меню, нужно, что бы оно закрывалось:
1. по нажатию на ту же кнопку которая его и открыла
2. по нажатию на соседнее меню
3. по нажатию на оверлей(любой другой элемент не относящийся к этому или другому меню)

первые 2 действия делаются без проблем, а вот с третьим проблема, задал обеим кнопкам toggle для overlay, в результате чего если сначала нажать на одну кнопку, потом на вторую , overlay откроется и закроется и соответственно потом закрыть второе меню через overlay не получится т.к. он закрылся или наоборот остался и блокирует все элементы.

https://jsfiddle.net/gxou8wv0/

возможно есть и другой вариант, подскажите пожалуйста.

Comments

[Kovalsky]

А чем doubleclick не устраивает?

[Ankhena]

Вместо toggle делайте сначала проверку, а потом нужное действие.

[Максим Софронов]

Под ряд?

[Denys]

Никита Полевой: не то

[Denys]

Максим Софронов: по моему мысль ясна

[Максим Софронов]

Ясна конечно, не ясно куда грамотность делась)

Answer 1

[Сергей Собко]

С оверлеем всё просто

jQuery(document).ready(function () {
    $(document).click(function () {
    
    	if(event.target.className != "btn1" && event.target.className != "btn2" ) {
          console.log("Кликнута не кнопка")
      }
    });
});

Естественно этот код нужно довести до ума

• Вычленять конкретное имя класса из общей строки, полученной через .className
  
• Возможно кнопкам стоит присвоить отдельный класс, к примеру menuButton, что бы в if искать только одно общее имя класса, а не 10 уникальных
  

Насчёт поведения оверлея при нажатии на разные кнопки меню - используйте проверку состояние оверлея в обработчике клика
if(!$(".overlay").hasClass("open")){}

Comments

[Denys]

спасибо, выкрутился примитивно, но работает )

https://jsfiddle.net/gxou8wv0/1/

[Сергей Собко]

Denys:
Вы посмотрите внимательно на то, как откликается ваш overlay при клике на нём. А точнее на элементах в нём визуально расположенных.
Так как дивы - это не дочерние элементы overlay, то при клике по блоку с текстом overlay не скрывается. А должен, если я правильно понял вашу задачу.