Скрипт скрытия блока,если другой блок становится больше какой то длинны?

Question

[viktorulyushev]

На сайте moscow.nadommebel.com ,когда нажимаешь на поиск он раздвигается и блок который с права от него исчезает,как это сделать?раздвигающийся инпут я сделал,вот код

$(function () {
    $(".site-head-search-input").focus(function () {
        $(this).animate({ width: "576px" }, 400);
    }).blur(function () {
        $(this).animate({ width: "366px" }, 400);
    });
});

а как сделать чтобы блок исчезал не очень пойму

Answer 1

[Vlad Feninets]

это можно сделать нативно на CSS, без JS.
https://jsfiddle.net/dtd4r7yd/