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?
- <div class='outer'>Text Header Here
- <DIV class='inner'>
- Some text Here 2
- </DIV>
- </div>
-
- <script type='text/javascript'>
- $('.outer').click(function() {
- if($(this).find('DIV:visible').length == 0){
- $(this).find('DIV').slideDown('slow', function() { });
- } else {
- $(this).find('DIV').slideUp('normal', function() { $(this).hide() });
- }
- });
- </script>
Using latest 1.4 jquery min. Thanks!