title: jQuery: Load Div content into another div?
body: <p>I have multiple hidden divs on the page each holding different content, when I click a link on the page e.g.</p>
  
  <pre><code>&lt;a href="#contentone" class="clicky"&gt;Load content one&lt;/a&gt;
  &lt;a href="#contenttwo" class="clicky"&gt;Load content two&lt;/a&gt;
  
  &lt;div id="contentone"&gt;Some content here to be loaded into another div&lt;/div&gt;
  &lt;div id="contenttwo"&gt;Some content here to be loaded into another div&lt;/div&gt;
  
  &lt;div id="slider"&gt;
    This content to be replaced by content from links/hidden divs
  &lt;/div&gt;
  </code></pre>
  
  <p>Currently I'v got this setup so it loads the content from an external source, but i'd prefer it to populate the slider with content hidden on the page (As above).</p>
  
  <p>My current jquery is below, would love this this to be converted to work within hidden divs on the page opposed to external files.</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;//&lt;![CDATA[ 
  $(window).load(function(){
  $(function () {
      $(".clicky").click(function () {
                  var url = this.href;
                  var e = $("#slider");
                  e.load(url, function() {
                      e.animate({width: "show"}, 500);
                  });
                  return false;
      });
  });
  });//]]&gt;  
  
  &lt;/script&gt;
  </code></pre>