jquery - jquery专注于div适用于ie10但不适用于firefox/chrome

Question

我的代码基本上应该显示updateLogText div并关注位于middle div它下方的。

这是代码：

$('#updateLogButton').click(function(event) {


    if ($('#updateLogText').is(':visible')){
        //hide div if content is visible
        $('#updateLogText').fadeOut();

    }else{

        $('#updateLogText').fadeIn();
        $('#middle').focus(); 
    }
        return false;

    });

添加 div 代码以确保完整性：

<?php 
                    if ( $num_of_updates != 0){
       ?>
       <div id="showUpdates">

        <a href="#" id="updateLogButton">View Update Log: <?php echo $num_of_updates ?></a>


            <?php } ?>


            <div id="updateLogText">
                    <?php 


                    while ($row = mysqli_fetch_array($updates_log_result)){
                        echo '<div class="commentbox">';
                        echo $row['comments'];
                        echo '</div>';
                        echo '<div class="commentfooter">Posted by '.$row['user'].' @ '.$row['datestamp'].'</div>';

                        echo'<br>';
                        }   

                    ?>
                </div>
          </div>

 <div id="middle">

     <div id="custExpBox">
       <div class="titleText boxTitle"> Customer Experience </div>  
      <div style="padding:3px;"> <?php echo nl2br("$data[cust_exp]"); ?> </div>
     </div>

    <div id="techSumBox">
      <div class="titleText boxTitle"> Technical Summary </div>
      <div style="padding-top:2px;"> <?php echo nl2br("$data[summary]"); ?> </div>
    </div>

 </div>

有人可以告诉我为什么这在 Firefox/chrome 中失败了吗？

谢谢。