cacher/montrer jquery ne fonctionne pas dans IE

Question

J'ai un menu de sélection qui montre/cache le div "livetransopts" quand une option est cliquée. Fonctionne bien dans Firefox, Chrome etc, mais pas dans IE peut-on m'aider ????

<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

La bonne façon de le faire lierait un événement « changement » à

$(function(){ 

    var myDiv = $(".livetransopts"); 


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

});