Я пытаюсь оживить что-то, используя jQuery.
UPDATE
Я работаю так, как хочу. Это jQuery:
$(document).ready(function() {
// go chat button
$('#go-chat input').click(function() {
$('#search, #go-chat').animate({width: '0px'}, 1000, function() {
$(this).hide();
$('#login, #go-search').animate({width: '573px'}, 1000, function() {
$(this).show();
}
);
}
);
});
$('#go-search input').click(function() {
$('#login, #go-search').animate({width: '0px'}, 1000, function() {
$(this).hide();
$('#search, #go-chat').animate({width: '573px'}, 1000, function() {
$(this).show();
}
);
}
);
});
});
Теперь проблема заключается в том, что текст обертывается, когда происходит слайд, и это очень уродливо. Как я могу сделать это так, чтобы текст входил/выходил в качестве строки поиска и полей ввода без его обертывания по мере того, как ширина сужается/расширяется?
Спасибо.
СТАРЫЙ ВОПРОС
В принципе, я хочу скользить в строке поиска слева, по существу скрывая ее, а затем выдвигаю 4 входа под ней. Пока я помещал их под панель поиска, но мой план - скрыть их, и когда нажата кнопка "Go Chat", поиск переместится влево, а 4 входа сдвинутся вправо.
В настоящий момент окно поиска перемещается в центр и не исчезает полностью. Как я могу сделать так, чтобы он функционировал так, как я хочу? Если мои объяснения неясны в отношении того, что я ищу, просьба уточнить.
Спасибо.