jquery - 单击按钮时隐藏按钮附近的 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 }