jQuery content slider
<p>I am just delving into using jQuery and I want to start off by using good coding logic. I am developing an upload site where users can select "upload from computer" or "upload from url". I have two links above the content where users can choose to upload from their computer or from a url, and I want the content to change with jQuery (with some effects) when the user makes their choice.</p>

<p>Demo of what I want:
<a href="http://imgkk.com/" rel="nofollow">http://imgkk.com/</a></p>

<p>In the content box where it says <code>Upload: Images URL NFO</code>, I want my content to slide like that.</p>

<p>I know how to accomplish this, but I'm not sure if its the correct way. I was going to check which content is visible when the user clicks the link and act accordingly, is this the best way?</p>

<p>Thanks.</p>

<p><strong>EDIT:</strong> In response to someones answer:</p>

<pre><code>            $(".upload-options a").click(function(e){
                var id = $(this).attr('href'),
                    $target = $(id);
                    alert($target);
            if(!$target.is(':visible')){
                // Show $target here since it is not currently visible 
                alert('Show: ' + $target);
            }
            });
</code></pre>

<p>Markup:</p>

<pre><code>            &lt;p class="upload-options"&gt;
                &lt;a href="#normal-upload" class="normal"&gt;Normal upload&lt;/a&gt;
                &lt;a href="#url-upload" class="url"&gt;URL upload&lt;/a&gt;
            &lt;/p&gt;
            &lt;div id="normal-upload"&gt;
                // normal upload stuff
            &lt;/div&gt;
            &lt;div id="url-upload"&gt;
                // url upload stuff
            &lt;/div&gt;
</code></pre>

<p>Cheers!</p>
