デバイスがiPhoneかiPadかによって、（同じhtmlページで）異なるdivを切り替えようとしていますが、考えられるすべての方法を試しましたが、機能しません。nav_ipadを表示し、ipadで開いたときにnav_iphoneが消えるようにしたいのですが、nav_iphoneは、何をしたかに関係なく常に表示されます。これが私のコードです。できれば助けてください、ありがとう！
htmlコード
<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>
Javascript
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";
}