title: Trouble loading/showing Flexslider
body: <p>I'm trying to use Flexslider and I'm having trouble wrapping the Flexslider in another div, hiding it, then attempting to show that whole div when a button is clicked. I'm not using an AJAX call to load the slider or any of my other divs, but instead (since the site is relatively simple and small) using JQ to hide and then show things when buttons are clicked.</p>
  
  <pre><code>**//This is the JQuery I've tried using**
  &lt;script type="text/javascript" charset="utf-8"&gt;
  $('#projectsPage').hide();
  $('#projectsLink').click(function(){
  $('#projectsPage').fadeIn(1000).load(function(){
    $('.flexslider').flexslider({
      animation: "fade",
      slideshow: true,
      animationLoop: true,
      animationSpeed: "3000",
      slideshowSpeed: "8000",
      controlNav: false,
      directionNav: false
    });
  });
  });
  &lt;/script&gt;
  
  **&lt;!-- HTML--&gt;**
  
  &lt;!--Click this link to show the div containing the flexslider--&gt;
  &lt;a href="#projectsPage" id="projectsLink"&gt;link&lt;/a&gt;
  
  &lt;!--Div containing the flexslider div (which is part of the source code)--&gt;
  &lt;div id="projectsPage"&gt;
  &lt;div class="flexslider"&gt;
    &lt;ul class="slides"&gt;
      &lt;li&gt;
        &lt;img src="js/flexslider/images/img2.jpg" /&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="js/flexslider/images/img3.jpg" /&gt;
      &lt;/li&gt;
      &lt;li&gt;
       &lt;img src="js/flexslider/images/img4.jpg" /&gt;
     &lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This code is part of a grander document, but it's not all that complicated. Can someone tell me if I'm breaking something or need to include more information? </p>
  
  <p>Also, there appears to be no error in the JS Console so I'm pretty stumped as to why it won't show. It "loads" the #projectsPage div, as indicated in the URL, but then shows nothing in the window. </p>
  
  <p>I'm pretty new to JQuery so be nice :)</p>
  
  <p>Thanks! </p>