隐藏/显示jQuery中不工作在IE

Question

我有一个选择菜单，当单击一个选项时显示/隐藏“livetransopts”div。在Firefox，Chrome等工作正常，但在IE浏览器没有人能帮助我吗？

<select> 
    <option class="hidelivetrans" value="No">No - Don't transfer the call</option> 
       <option class="showlivetrans" value="Yes">Yes - Transfer the call</option> 
       </select> 
       </div> 
       </div> 
       <!--Live transfer yes/no field--> 

       <script type="text/javascript"> 
       $(document).ready(function() { 
        $('.livetransopts').hide(); 

     $(".showlivetrans").click(function(){ 
          $(".livetransopts").show('slow');   
             }); 
     $(".hidelivetrans").click(function(){ 
          $(".livetransopts").hide('slow');   
             }); 
    }); 
       </script> 

       <!--live trans opts--> 
       <div class="livetransopts"> 
    <!--content here--> 
    </div> 

Answer 1

这样做会“改变”事件绑定到

$(function(){ 

    var myDiv = $(".livetransopts"); 


    $("select").change(function(){ 
    if (this.value=="Yes") 
     myDiv.show('slow'); 
    else 
     myDiv.hide('slow'); 
    }); 

});