流体切换过渡

Question

Atm我正在使用block或none切换侧边菜单。

但这很奇怪，我想要更流畅的东西。有没有办法在块和没有之间进行交易？

$('#sidebar').css('display', 'none');

Answer 1

试试这个。它会给出平滑过渡

 va i=0;
$('#sidebar').click(function(){
   i++;
   if(i%2==0){
    $('#sidebar').animate({width:0});
    $('#sidebar').animate({left:0});
}
else{
    $('#sidebar').animate({width:200});
    $('#sidebar').animate({left:200});
}
})

P.S

  $('#sidebar').animate({width:200});
        $('#sidebar').animate({left:200});

将侧边栏宽度设置为高于值