jquery - 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 ...如果您仅将其用于他的...