скрыть / показать JQuery не работает в IE

Question

У меня есть меню выбора, которое показывает / скрывает div "livetransopts" при нажатии на опцию. Прекрасно работает в 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'); 
  });

});