Jquery切换不滑动

Question

任何人都可以协助我修复我试图从左到右打开的jquery动画吗？

它会打开，但我想让它滑动。

请参阅演示 http://jsfiddle.net/EY9t7/

$(function(){
    $('.search-charts-go').click(function (e) {
    e.stopPropagation();
    if($('.search-container-wrap').hasClass('visible')) {
        $('.search-container-wrap').stop().hide('slide', {direction: 'left'}, 500).removeClass('visible');
    } else {
        $('.search-container-wrap').stop().show('slide', {direction: 'left'}, 500).addClass('visible');
    }
   });
});

提前致谢

保罗

Answer 1

您可以使用.animate()滑动宽度，例如：

$(function(){
    $('.search-charts-go').click(function (e) {
    e.stopPropagation();
    if($('.search-container-wrap').hasClass('visible')) {
        $('.search-container-wrap').stop().animate({
            'width' : '0'
        }, 1000, function(){
            $(this).removeClass('visible')
        });
    } else {
        $('.search-container-wrap').addClass('visible').stop().animate({
            'width' : '400'
        }, 1000);
    }
   });
});

这是一个小提琴：http://jsfiddle.net/uyWNH/

如果你想使用show / hide，你将不得不添加jQuery UI ...如果你只是为了他的......那么它可能会有点过载...