Question

当点击一个按钮并且在它上面出现一个新的div时，我试图移动一个div（基本上一个新的div应该推动另一个div并显示）

我尝试过使用不同px的“顶部”和“底部”，动画可以正常运行，但它不会将其他div推下来而是出现在它下面（事情变得混乱）

这是我的动画部分代码：

            $('#button').click(function() {
            $('#textfield').show('fast')
            $('#divfield').show().animate({ 'bottom': 300 }, 1000);
            });

感谢任何帮助

Answer 1

JSFIDDLE ：http://jsfiddle.net/CQx8W/

<强> JS

$('#textfield').hide();
$('#button').click(function() {
        $('#textfield').show('fast')
        $('#divfield').show().animate({ 'bottom': 300 }, 1000);
});

Answer 2

$('#textfield').hide();

之后你可以使用

$('#textfield').show();

要显示某些内容，必须隐藏它，所以你必须隐藏你的文本div !!

jQuery：div字段不会移动

2 个答案: