jQuery ui tabs multiple nav

Question

Я пытаюсь создать jQuery с 2 навигацией.

Теперь у меня есть классический один:

$("#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-вкладки и шоу() .nav язычки-2. И .nav-Вкладки-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; 
} 
}