title: Troubleshooting Jquery Show/Hide With Nested Divs
body: <p>I've managed to get this working with:</p>
  
  <pre><code>&lt;!--
  function resettoggle() {
  document.getElementById('imagecarousel').style.display = 'none';
  
  }
  
  function displayImages() {
                  document.getElementById$('#imagecarousel').style.display="block";
  
              }
  
    $('#imagecarousel').fadeIn("slow", function() {
    // Animation complete
  
  
      $('#portfolio').click(function () {
    $("#imagecarousel").toggle();
  
  
  });
  });
  
  --&gt;
  </code></pre>
  
  <p>and adding onLoad="resettoggle()" to the body tag</p>
  
  <p>I now only need help with 2 things:</p>
  
  <ol>
  <li><p>I have the div set to fadeIn, but it seems to be flying in at the speed of light. </p></li>
  <li><p>When the page loads, you see a flicker of the slideshow before it disappears. Not sure how to implement the resettoggle function in a way that keeps the hidden div completely out of view?</p></li>
  </ol>