تعهدات حداقل اسناد

$(function () {
var $searchlink = $(‘.searchButton’);
var $searchSection = $(‘.searchSection ‘);
$(‘.searchButton’).click(function (e) {
e.preventDefault();
if (!$searchSection.is(“:visible”)) {
$searchlink.removeClass(‘searchButton’).addClass(‘searchButton-exit’);
} else {
$searchlink.removeClass(‘searchButton-exit’).addClass(‘searchButton’);
}
$searchSection.slideToggle(100, function () {
});

});
$(‘.searchSection .searchInput’).submit(function (e) {
e.preventDefault();
});
});
$(function () {
var $navlink = $(‘.navMenu’);
var $navSection = $(‘.navSection’);
$(‘.navMenu’).click(function (e) {
e.preventDefault();
if (!$navSection.is(“:visible”)) {
$navlink.removeClass(‘navMenu’).addClass(‘navMenu-exit’);
} else {
$navlink.removeClass(‘navMenu-exit’).addClass(‘navMenu’);
}
$navSection.slideToggle(100, function () {
});

});
$(‘.navSection .searchInput’).submit(function (e) {
e.preventDefault();
});
});

$(“.icon”).click(function() {
var icon = $(this),
input = icon.parent().find(“#search”),
submit = icon.parent().find(“.submit”),
is_submit_clicked = false;

// Animate the input field
input.animate({
“width”: “165px”,
“padding”: “10px”,
“opacity”: 1
}, 300, function() {
input.focus();
});

submit.mousedown(function() {
is_submit_clicked = true;
});

// Now, we need to hide the icon too
icon.fadeOut(300);

// Looks great, but what about hiding the input when it loses focus and doesnt contain any value? Lets do that too
input.blur(function() {
if(true) {
input.animate({
“width”: “0”,
“padding”: “0”,
“opacity”: 0
}, 200);

// Get the icon back
icon.fadeIn(200);
};
});
// Get the modal
var modal = document.getElementById(‘myModal’);

});