Question

我想用jquery来滑动一个div ..但是喜欢slideDown和slideUp或者slideToggle ..我该怎么办？

Answer 1

这是一个可能有帮助的快速jQuery插件吗？

jQuery.fn.slideLeftHide = function( speed, callback ) {
    this.animate({ 
        width: "hide", 
        marginLeft: "hide", 
        marginRight: "hide" 
    }, speed, callback ); 
}

jQuery.fn.slideLeftShow = function( speed, callback ) { 
    this.animate( { 
        width: "show", 
        marginLeft: "show", 
        marginRight: "show" 
    }, speed, callback ); 
}

如此使用：

$("#elemID").slideLeftHide(300);

和FIDDLE用于演示！

Answer 2

制作一个使用.animate()的动画，将宽度缩小为0：

$('#my-id').animate({ width : 0 }, 1000); // slide left the div

向右滑动更复杂......

Answer 3

如果你的div有溢出：隐藏

，这可以工作

$("#test").animate({width:0},500,function(){$(this).hide()})

Div slideLeft ..喜欢slideDown或slideUp

3 个答案: