jQuery脚本不会停止

Question

我正在研究jQuery脚本，但它并没有停止。它会自动调整为div的原始大小。我做错了什么？

$(document).ready(function(){
    var menu = $("#menu");
    var head = $("#head");
    menu.click(function(){
        head.animate({
            left: "-=200",
            width: 940,
            height: 440
        }, 1000 );
    });
});

CSS

#head {
    position:absolute; 
    margin: -100px 680px 0;
    min-width: 320px; 
    background: #fff; 
}

HTML

<div id="head">
    <div class="contenth headlight">    
        <h4>%headlights%</h4>
        <div>
            <p>%headlights1%</p>
            <p>%headlights2%</p>
            <p>%headlights3%</p>
        </div>
    </div>
</div>