How do I show or hide div, based on position of another div
<p>I have the following jquery that slides a div horizontally:</p>

<pre><code>$('.nextcol').click(function() {
    $('.innerslide').animate({'left': '-=711px'}, 1000);
});

$('.prevcol').click(function() {
    $('.innerslide').animate({'left': '+=711px'}, 1000);
});
</code></pre>

<p>What I want to happen is this... if the <em>div.innerslide</em> has a position that is <strong>left: 0px</strong> then I want to hide <em>div.backarrow</em>. If the position is not <strong>left: 0px</strong>, then it shows it.</p>

<p>Any help would be greatly appreciated.</p>

<p><strong>EDIT (added HTML Markup)</strong></p>

<pre><code>&lt;div class="backarrow prevcol"&gt;

&lt;div id="mainleft" class="overflowhidden"&gt;
        &lt;div class="innerslide"&gt;
            &lt;div class="col"&gt;my content including &lt;a href="#" class="nextcol"&gt;next&lt;/a&gt;&lt;/div&gt;
            &lt;div class="col"&gt;my content including &lt;a href="#" class="nextcol"&gt;next&lt;/a&gt;&lt;/div&gt;
            &lt;div class="col"&gt;my content including &lt;a href="#" class="nextcol"&gt;next&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
 &lt;/div&gt;
</code></pre>
