@ZaurK

Как закрыть форму поиска при кликании вне нее?

Здравствуйте! Пытаюсь реализовать механизм появления на сайте формы поиска при нажатии на иконку-лупу, это получилось. Далее при кликании вне формы, она должна закрываться и иконка-лупа должна опять появиться. Дело происходит в вордпрессе. Вот мой код:
jQuery(function() {
jQuery('#headerright').click( '.img-icon-search', function( event ){  	 
			 jQuery('.sb-search').removeClass('hidden');           
                      });

jQuery(window).click(function( event ){			 
			 jQuery('.sb-search').addClass('hidden');
			 alert('its run');            
        });		
});

Подозреваю, что событие "скрытия" и "появления" противоречат друг-другу, потому что кроме появления алерта ничего не происходит, причем при кликании в любом месте включая и саму лупу. Наверное это происходит потому, что сама иконка-лупа также является частью window и события конфликтуют. Подскажите, как решить эту проблему?
  • Вопрос задан
  • 163 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы