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

[INSIDER73]

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

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

а как сделать чтобы блок исчезал не очень пойму,примерный код как должен выглядеть?

[ksa]

INSIDER73, ты хоть бы пример тестовый полный сделал...

[Dilettante_Pro]

INSIDER73,
Можно, чтобы справа ничего не исчезало (мало ли что там справа?), а при расширении инпута при помощи z-index выдвинуть инпут на передний план, чтобы он рисовался поверх всего

<input class="site-head-search-input" style="position:absolute">

<img style="position:absolute;left: 380px;top:0px;" src="http://javascript.ru/forum/image.php?u=8616&dateline=1282216923"/>
<script src='http://code.jquery.com/jquery-latest.js' ></script>
<script>
$(function () {
    $(".site-head-search-input").mouseover(function () {
        $(this).animate({ width: "576px", "z-index":100 }, 400);
    }).mouseout(function () {
        $(this).animate({ width: "366px", "z-index":0 }, 400);
    });
});
</script>