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 }