隐藏/显示 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'); 
  });

});