如何获得默认外观

这是对之前发布的问题的跟进。 点击这里打开它

我现在有以下代码，但我无法获得似乎采用默认边框和填充的第二个按钮。 请帮忙。 谢谢。

     $(document).ready(function(){ $("button").click(function(){ $("#b1").animate({width:'0px', padding:'0', border:'0'}, { duration: 1000, queue: false }); $("#b2").animate({width:'200px', padding:"", border:""}, { duration: 1000, queue: false }); }); });   button { min-width:0px; height: 22px; width: 200px; } #b2 { width: 0px; padding: 0; border: 0; }    Start AnimationAnimation Done   

Answer 1

也许你可以解决如下

css代码：

 button { min-width:0px; height: 22px; width: 200px; } #b2 { width: 0px; display:none; } 

jquery代码：

  $("button").click(function(){ $("#b1").animate({width:'0px',padding:'0px'}, 1000,function(){$('#b1').hide();}); $("#b2").css('display','inline-block').animate({width:'200px'}, { duration: 1000, queue: false }); }); 

你可以在这里看到结果—> http://jsfiddle.net/Junkie/4c9g3/