Question

我通过按下按钮在div上尝试基本的jquery动画（滑动，淡入淡出......）时出现问题，问题是当我按下它时div会动画（例如它会滑动）当它隐藏时，其他div被重新定位以填充另一个div所在的空间，我的代码的问题是什么？在jquery上应用动画时这是正常的吗？谢谢:)）

<body>
<h1>jQuery Test 01</h1>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script>
    $(function() {

        $('.button1').html('<p>button 1</p>');
        $('.button2').html('<p>button 2 </p>');
        $('.button3').html('<p>button 3 </p>');
        $('.button4').html('<p>button 4 </p>');
        $('.button5').html('<p>button 5 </p>');
        $('.button6').html('<p>button 6 </p>');
        $('.button1').on('click', function() {
            $('.div1').slideToggle();
        });
        $('.button2').on('click', function() {
            $('.div2').slideToggle();
        });
        $('.button3').on('click', function() {
            $('.div3').slideToggle();
        });
        $('.button4').on('click', function() {
            $('.div4').slideToggle();
        });
        $('.button5').on('click', function() {
            $('.div5').slideToggle();
        });
        $('.button6').on('click', function() {
            $('.div6').slideToggle();
        });
    });
</script>

JSFiddle：http://jsfiddle.net/42knLk1n/30/

Answer 1

div标签正在改变位置，因为你正在浮动它们。如果您希望将它们固定在某个位置，请使用绝对定位或相对位置将它们设置为它们所在的位置。

使用jQuery进行动画时，Div会移动

1 个答案: