fadeIn() fadeOut() in jQuery not working in IE but does in FF

Question

I have the following code that isn't working in IE, any thoughts?

<script type="text/javascript" src="assets/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#login-ad').hide();
    $('.Sub').click(function() {
        $('#login-ad').fadeOut();
        $('#remove-for-login').fadeIn();    
    });

    $('.Home').click(function() {
        $('#login-ad').fadeOut(); 
        $('#remove-for-login').fadeIn();   
    });

    $('.Login').click( function() {
        $('#login-ad').fadeIn();    
        $('#remove-for-login').fadeOut();       
    });

});
</script>


<select>
    <option value="Sub" class="Sub">Sub</option>
    <option value="Home" class="Home">Home</option>
    <option value="Login" class="Login">Login</option>
</select>

<div id="login-ad" >
    This text should fade in when Login is chosen.
</div><!-- /login-ad -->

Answer 1

Current release is 1.4.2 perhaps that version has this problem solved. I know IE has some very strange bugs depending on the version - ie rotated images display good in FF and Chrome, but unrotated in IE (gave up on it).

Besides that, you could try to use show("slow") and hide("slow") without the fadeIn and -Out.

Answer 2

Try the change event instead:

   $("select").change(function() {

         if( $("select option:selected").val() == "login")
              $('#login-ad').fadeIn();
   }