title: dynamically show content of div within another div
body: <p>I need to be able to have a display-div, and load content into that single div, from other divs <code>without refreshing</code> the page. Let's say that i have the following structure:</p>
  
  <pre><code>Nav-div          Display-div
  --------------  -------------
  |            | |            |
  | &gt;&gt;item1&lt;&lt;  | |content for |   
  |   item2    | |   item1    |   
  |   item3    | |            |       
  |            | |            |
  |            | |            |
  |            | |            |
  --------------  --------------
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$("a.menu").click(function() {
      var clicked = '#' + $(this).attr('title');
      $('.toggle:not('+clicked+')').hide(1000);
      $(clicked).show(1000);
  });
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="ShowClickedContent"&gt;
  &lt;!-- This Would be the display-div --&gt;
  &lt;/div&gt;
  
  &lt;nav&gt;
      &lt;a href="#" title="item1" class="menu"&gt;
      &lt;a href="#" title="item2" class="menu"&gt;
      &lt;a href="#" title="item3" class="menu"&gt;
  &lt;/nav&gt;
  
  &lt;div class="item1" style="display:none;"&gt;
      &lt;p&gt; the content here will be loaded into the ShowClickedContent div &lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="item2" style="display:none;"&gt;
      &lt;p&gt; the content here will be loaded into the div &lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="item3" style="display:none;"&gt;
      &lt;p&gt; the content here will be loaded into the div &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As of now, i can only get the divs to show by themselves in their own container, but not in the <code>showClickedContent</code> container. How would i go about this problem?</p>