Topic: jquery toggle.fade and ui.tabs not working in IE

Hey I was wondering if someone could take a look at my code and let me know why my ui.tabs nd my jquery toggle.fade is not working in IE. It's good in Firefox and Safari.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>River City Internet Campus v2.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" /> 
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<script src="js/ui.core.js" type="text/javascript"></script>
<script src="js/ui.tabs.js" type="text/javascript"></script>

<script type="text/javascript">
  $(document).ready(function(){
    
    $(".visitor").click(function () {
      $(".visitortoggle").toggle().fadeIn("slow");
    });
    
    });

  </script>
  
  
<script type="text/javascript">
  $(document).ready(function(){
    
    $(".exit_button").click(function () {
      $(".visitortoggle").toggle().fadeOut("fast");
    });
    
    });

  </script>
  
  
  <script type="text/javascript">
  $(document).ready(function(){
    
    $(".series").click(function () {
      $(".seriestoggle").toggle().fadeIn("slow");
    });
    
    });

  </script>
  
  
<script type="text/javascript">
  $(document).ready(function(){
    
    $(".series_exit").click(function () {
      $(".seriestoggle").toggle().fadeOut("fast");
    });
    
    });

  </script>
  
<script type="text/javascript">
  $(document).ready(function(){
    $("#tabs").tabs();
  });
</script>

Re: jquery toggle.fade and ui.tabs not working in IE

Looks ok, but you could try putting them all in one <script>, it might help...

<script type="text/javascript">
  $(document).ready(function(){
    
    $(".visitor").click(function () {
      $(".visitortoggle").toggle().fadeIn("slow");
    });
    
    
    $(".exit_button").click(function () {
      $(".visitortoggle").toggle().fadeOut("fast");
    });   

    
    $(".series").click(function () {
      $(".seriestoggle").toggle().fadeIn("slow");
    });   

    
    $(".series_exit").click(function () {
      $(".seriestoggle").toggle().fadeOut("fast");
    });    

    $("#tabs").tabs();
  });
</script>
James Cooper --  God loving, banjo playing, geek!

Re: jquery toggle.fade and ui.tabs not working in IE

thanks I tried that but no luck. Any other ideas? Normally it's a IE 6 problem but this is constant thru all IE. I have googled and haven't found anything.

Ok It's only the ui.tabs the toggle.fade is working fine. It just didn't look right because of the tabs messing it up but it is correct.


Any ideas?

Last edited by jasonathopi (2009-03-04 11:48:31)

Re: jquery toggle.fade and ui.tabs not working in IE

I don't see any problems.  Can you post the page somewhere so we can see the whole thing?