Disable animate when condition is met jQuery
<p>This may be an easy question and perhaps I am missing something here. </p>

<p>The desired effect would be when a user clicks on the <code>.left</code> or <code>.right</code> href tags, the <code>.tabs</code> scroller will scroll left or right by <code>105px</code> every time.  This part is working.</p>

<p>Where I am running into a road block is how to disable the animate effect when the <code>.tabs</code> div's css is at <code>0px</code> or at the end of the div.  This seems like it could easily be accomplished with <code>offset</code> or <code>position</code> but both of these are giving me a different value.  I believe it's because the <code>.tabs</code> div is actually centered using <code>magin: 0 auto</code>.</p>

<p>Trying to retrieve the <code>css("left")</code> and writing a conditional <code>if == 0</code> statement is also a bust.</p>

<p>Am I missing something here?  Should I not be trying to disable the <code>left</code> button based on position?  Is there an easier way to do this?</p>

<pre><code>$(".right").click(function () {
    $(".tabs").animate({
        left: '-=105'
    }, 500);
    return false;
});
$(".left").click(function () {
    $(".tabs").animate({
        left: '+=105'
    }, 500);
    return false;
});
</code></pre>
