如果是移动浏览器，则显示/隐藏DIV

Question

如果浏览器是移动的，请关注show/hide div。我目前的代码如下：

<script>
    if(! navigator.userAgent.match(/Android/i) && ! navigator.userAgent.match(/webOS/i) && ! navigator.userAgent.match(/iPhone/i) && ! navigator.userAgent.match(/iPod/i) &&
     ! navigator.userAgent.match(/iPad/i) &&! navigator.userAgent.match(/Blackberry/i) )
    {
     $('#mobile').hide();
    } else {

        $('#mobile').show();
        alert('tablet detected');
        //turns on mobile DIV
    }
</script>

我在查看移动设备时收到alert但未看到我的#mobile div。任何建议都非常感谢。