title: Using jQuery to show/hide a div and then show/hide a div within that div
body: <p>I have a series of links nested within a div. When one of those links is clicked, I'd like to hide the div with the link that was clicked and show another div.  Then, if a link is clicked within that div, I'd like to change the div to yet another div.</p>
  
  <p>The html looks like this:</p>
  
  <pre><code>&lt;div id="main"&gt;
      &lt;div class="item"&gt;&lt;a href=""&gt;Link to div A&lt;/a&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;a href=""&gt;Link to div B&lt;/a&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;a href=""&gt;Link to div C&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="a" style="display:none;"&gt;Link to div &lt;a href=""&gt;B&lt;/a&gt; and &lt;a href=""&gt;C&lt;/a&gt;&lt;/div&gt;
  &lt;div id="b" style="display:none;"&gt;Link to div &lt;a href=""&gt;A&lt;/a&gt; and &lt;a href=""&gt;C&lt;/a&gt;&lt;/div&gt; 
  &lt;div id="c" style="display:none;"&gt;Link to div &lt;a href=""&gt;A&lt;/a&gt; and &lt;a href=""&gt;B&lt;/a&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>I'm getting a little tripped up with the jQuery on this one. Does anyone have any advice on how to get this working with jQuery? Showing/hiding a div seems straight forward, but doing that again within the divs is confusing me.</p>
  
  <p>Thanks! </p>