https://horoshie-kraski.ru/bitrix/templates/dresscode/js/topSearch.js

1$(function(){
2	var searchVisible;
3
4	var $searchQuery = $("#searchQuery");
5	var openSearch = function(event){
6		$("#topSearch, #topSearch3").slideDown(150, function(){
7			var tmpSearchKeyword = $searchQuery.val();
8			searchVisible = true;
9			$searchQuery.val("");
10			$searchQuery.val(tmpSearchKeyword);
11			$searchQuery.focus();
12		});
13		event.preventDefault();
14	}
15
16	var closeSearch = function(event){
17		if(searchVisible == true){
18			if(event.which == 1){
19				$("#searchProductsClose").trigger("click");
20				$("#topSearch, #topSearch3").slideUp(150);
21				searchVisible = false;
22				return event.preventDefault();
23			}
24		}
25	}
26
27	$(document).keydown(function(event) {
28	    if(searchVisible == true && event.keyCode === 27 ) {
29			$("#searchProductsClose").trigger("click");
30			$("#topSearch, #topSearch3").slideUp(150);
31			searchVisible = false;
32	        return false;
33	    }
34	});
35
36
37	$(document).on("click", "#headerTools, #topSearchForm, #searchResult", function(event){event.stopImmediatePropagation();});
38	$(document).on("click", "#openSearch", openSearch);
39	$(document).on("click", "#topSeachCloseForm", closeSearch);
40	$(document).on("click", closeSearch);
41});