Always Clicking Twice with .toggle()

Always Clicking Twice with .toggle()

Hello!

I'm very new to jquery and have been trying countless examples to get this work but I've worked on it for over a week with no success, so I thought I'd try the forums.

I have a page with the code below (you can see the page here  http://thegamingmall.com/realsite/testing.html).  I'm using the .toggle() function to show/hide a div tag.  However you ALWAYS need to click it twice!  It's driving me and the users insane.  Does anyone have an idea of what I've done wrong here?

THANK SO MUCH FOR YOUR HELP!!!

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. </head>
  6. <script type="text/javascript" src="../jquery.js"></script>
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9.        $('div.slide').toggle(function() {
  10.                $('div.view').fadeIn('slow');

  12.                
  13.        }, function() {
  14.                        $('div.view').fadeOut('fast');
  15.                        return false;
  16.                });
  17. });
  18. </script>
  19. <div class="slide" style="cursor: pointer; text-decoration:underline;">Toggle Vital Steps</div>
  20. <div class="view">yoyooyoyoyoyoy </div>
  21. </body>
  22. </html>