在 iPhone 和 iPad 之间切换 Div

我正在尝试在不同的div之间切换（在同一html页面上），具体取决于设备是iPhone还是iPad，我尝试了所有可能的方法，但它不起作用。我想在 iPad 上打开时显示nav_ipad并nav_iphone消失，但无论我做了什么，我nav_iphone总是显示。这是我的代码，如果可以的话，请帮助我，谢谢！

网页代码

<nav id="nav_ipad"> 
<ul>
<li><a href="about.html"><b>A</b>BOUT</a></li>
<li><a href=""><b>P</b>ROCESS</a></li>
<li><a href=""><b>W</b>ORK</a></li>
<li><a href=""><b>C</b>ONTACT</a></li>
</ul>
</nav>
<nav id="nav_iphone">
<ul>
<li><a href="site/about.html"><b>A</b>BOUT</a></li>
<li><a href=""><b>W</b>ORK</a></li>
</ul>
</nav>

爪哇语

if(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
$('#nav_ipad').hide();
}

if(navigator.userAgent.match(/iPad/i)) {
$('#nav_iphone').hide();
// document.getElementById("nav_iphone").style.display = "none";
}