使用jQuery动画内联元素

toggle()它有一堆奇怪的东西,包括有时隐藏或转换奇数元素.这是一个类似的解决方案:

$('.toggle').click(function() {
  $('.hide').animate({
    'opacity' : 'toggle',
  });
});

编辑:这是一种添加平滑滑动的方法,只需要额外的HTML标记:

var hidepos = $('.hide').offset().left;
var slidepos = $('.slide').offset().left;

$('.toggle').click(function() {
    var goto = ($('.slide').offset().left < slidepos) ? slidepos : hidepos;

    $('.slide').css({
        'left' : $('.slide').offset().left,
        'position' : 'fixed',
    }).animate({
        'left' : goto,
    }, function() {
        $(this).css('position', 'static');
    });

    $('.hide').animate({
        'opacity' : 'toggle',
    });
});

HTML:

Hello there jquery
Toggle

只有一个CSS属性会让你开心:http://terion-fallen.livejournal.com/332945.html

#animated-element { display: inline-block!important }