单击按钮时隐藏按钮附近的div

Question

好的，所以我有100％高度和100％宽度的div，我的按钮居中于该div。现在当用户点击该按钮时。我希望div在按钮附近折叠并隐藏。这是我的代码。你也可以在JS Fiddle上看到它

http://jsfiddle.net/ZxB4Z/

$('button').click(function(){
$("div").animate({
  left:'24%',
  top:'48%',
  opacity:'0',
  height:'0px',
  width:'0px'
},'slow');});

Answer 1

使用边距而不是位置属性（上/下）：

$('button').click(function(){
    $("div").animate({
        marginLeft:'24%',
        marginTop:'48%',
        opacity:'0',
        height:'0px',
        width:'0px'
    },'slow');
});

或在div上应用绝对位置：

div { position: absolute }