jQuery .animate() background image conditional statement
<p>Im trying to make a curtain effect where when the function is executed while the curtain is down it will go up and vice versa.  Heres what i have so far.</p>

<p>HTML</p>

<pre><code>&lt;div id="curtain"&gt;&lt;/div&gt;
</code></pre>

<p>CSS</p>

<pre><code>#curtain {
    width: 791px;
    height: 449px;
    background: url(/assets/curtain.png) no-repeat;
    position: absolute;
    top: 111px;
    left: 265px;
    z-index: 2;
    overflow: hidden;
}
</code></pre>

<p>jQuery</p>

<pre><code>function curtain() {
    if ($('#curtain').css('backgroundPosition') === '0 0') { 
        $(this).stop().animate(
        {backgroundPosition:"(0 -250px)"}, 
        {duration:500})
    } else {
        $('#curtain').stop().animate(
        {backgroundPosition:"(0 0)"}, 
        {duration:500})
    }
}

$("#wall-right").click(function() {
    $("#frame").attr('src', 'http://player.vimeo.com/video/27748543');
    curtain();
});
</code></pre>

<p>Nothing happens and I dont get any errors in console.  Any ideas why this is not working? </p>
