jQuery Slidedown/Slideup

jQuery Slidedown/Slideup

I'm sure it's a simple issue, but this slideup/slidedown isn't working as I'd expected. The animation is fine, but just after the slideUp event completes it shows the entire block for a split second before turning invisible.  Am I missing something obvious?

  1. <div class='outer'>Text Header Here
  2.  <DIV class='inner'>
  3.  Some text Here 2
  4.  </DIV>
  5. </div>
  6.  
  7. <script type='text/javascript'>
  8. $('.outer').click(function() {
  9. if($(this).find('DIV:visible').length == 0){
  10. $(this).find('DIV').slideDown('slow', function() { });
  11. } else {
  12. $(this).find('DIV').slideUp('normal', function() { $(this).hide() });
  13.  }

  14. });
  15. </script> 
    Using latest 1.4 jquery min. Thanks!