Скрипт для изменения размеров input?

Question

[viktorulyushev]

Пытаюсь сделать скрипт,чтобы при клике или при получении фокуса по кнопке инпут расширялся,а при снятии фокуса возвращался в исходное положение.Что не правильно?

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

Answer 1

[iBird Rose]

$(".site-head-search-input-1")
точку забыл?

Comments

[viktorulyushev]

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

[iBird Rose]

viktorulyushev: задать инпуту float: right? либо абсолютом right: 0;

[viktorulyushev]

iBird Rose: спасибо

[viktorulyushev]

iBird Rose: еще такая проблема.при клике на кнопку,мой инпут раздвигается,но когда кликаешь на инпут чтобы что то ввести,то соответственно с кнопки фокус пропадает,и инпут закрывается,как можно исправить?

[iBird Rose]

viktorulyushev: делай значит не по фокусу, а по клику на кнопку.