jQuery ui标签多个导航

Question

我试图用2导航制作一个jQuery。

现在我有了经典之作：

$( "#tabs" ).tabs();

<ul class="nav-tabs">
    <li><a href="#tab-0">Tab 1 - ref</a></li>
    <li><a href="#tab-1">Tab 2 - ref</a></li>
</ul>

<div id="tab-0>
// something
</div>
<div id="tab-1>
// something
</div>

当屏幕分辨率小于640px时，我想隐藏（）.nav-tabs和show（）。nav-tabs-2。和.nav-tabs-2是这样的：

<select>
  <option value="tab-0">Tab 1 - ref</option>
  <option value="tab-1">Tab 2 - ref</option>
</select>

我的问题是我不知道如何进行2次导航。

谢谢

Answer 1

您需要使用媒体查询。

@media all and (max-width: 639px) {
.nav-tabs1 {
    display: none;
}
.nav-tabs2 {
    display: initial;
}
}