如何使用jquery为固定位置的div设置动画

Question

我必须并排，即

<table><tr>
<td><div id="div1"></div></td>
<td><div id="div2></div></td>
</tr></table>

其中div1中包含内容而div2现在隐藏了我在div1中有一个链接，以便在点击该链接时我想在其位置从左到右滑动显示div2 animate() ... 其中div2在css中有position:fixed我该怎么做

Answer 1

首先，您应该考虑使用非表格布局。漂浮彼此相邻是一个更好的起点。

但要回答你的问题，你可以这样做：

$(function(){
    $('#div1 a').toggle(
        function(){
            $('#div2').animate({width:$('#div1').width()},'slow');
        },
        function(){
            $('#div2').animate({width:0},'slow');
        }
    );
});

这假设您在第二个div上设置了CSS属性overflow：hidden和width：0px。这将使div2与第一个div的宽度相同。

还可以使用slideUp和slideDown函数来实现此目的。