jquery - 单击按钮时在按钮附近隐藏一个 div

Question

好的，所以我的这个 div 具有 100% 的高度和 100% 的宽度，并且我将按钮置于该 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 }