Здравствуйте! Пытаюсь реализовать механизм появления на сайте формы поиска при нажатии на иконку-лупу, это получилось. Далее при кликании вне формы, она должна закрываться и иконка-лупа должна опять появиться. Дело происходит в вордпрессе. Вот мой код:
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 и события конфликтуют. Подскажите, как решить эту проблему?