当按钮被点击时，在按钮附近隐藏div

Question

好的，所以我有100％高度和100％宽度的div，并且我有按钮集中到该div。现在当用户点击那个按钮。我想要div靠近按钮并隐藏。这是我的代码。你也可以看到，在JS提琴

http://jsfiddle.net/ZxB4Z/

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

Answer 1

使用的保证金，而不是position属性（上/左）：

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

或适用于你的div绝对位置：

div { position: absolute }