我正在尝试使用 jQuery 制作动画。
更新
我让它按照我想要的方式工作。这是 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 个输入向右滑入。
现在,搜索框滑入中心并没有完全消失。我怎样才能让它发挥我想要的作用?如果我的解释不清楚我在寻找什么,请要求澄清。
谢谢。