Toggle between two tabs with different dynatrees using jquery or javascript
<p>I have two divs with tabs, I need to write a javascript or jquery script that will allow for the content to be switched back and forth onclick of the appropriate tab name.</p>

<p>I created a fiddle <a href="http://jsfiddle.net/sgnZS/3/" rel="nofollow">HERE</a>.  Although I haven't even begun to write the javascript yet.  Can someone take a look at it for me?  It seems like it should be pretty straight forward:</p>

<p>(ID's updated) </p>

<ul>
<li><p>show div1 on ready,</p></li>
<li><p>Hide div1, show div2 onclick link1,</p></li>
<li><p>hide div2, show div1 onclick link2</p></li>
</ul>

<p>I first tried using </p>

<pre><code>$('#showTree').click(function() {
    $('#div1').hide();
    $('#div2').show();
}),
    $('#showTree2').click(function() {
    $('#div1').show();
    $('#div2').hide();
});
</code></pre>

<p>but this did not work. Would someone mind taking a look at the fiddle and giving me some advice?  Much thanks in advance!</p>
