Скрыть вкладку JQuery с помощью CSS

Question

Управление вкладками Jquery, отображающее 7 вкладок. Когда я печатаю страницу, я хочу, чтобы печаталась только вкладка 4. Как скрыть вкладки 1-3 и 5-7 элемента управления вкладками jQuery в css? Спасибо.

Answer 1

Допустим, у вас есть следующие html :

<div id="tabcontainer">
    <div class="tab">tab 1</div>
    <div class="tab">tab 2</div>
    <div class="tab">tab 3</div>
    <div class="tab">tab 4</div>
    <div class="tab">tab 5</div>
    <div class="tab">tab 6</div>
    <div class="tab">tab 7</div>
</div>

Вы можете сделать это с помощью css :

.tab {
  display:none;
}

.tab:nth-child(4) {
    display: block;
}

Или jQuery

$(".tab").hide();
$(".tab:nth-child(4)").show(); // you can also do $(".tab").eq(3).show();

jsFiddle пример

Answer 2

Вы хотите установить для их отображения значение none следующим образом:

display: none;

Вы захотите добавить его ко всем элементам вкладок, которые хотите скрыть. Например:

.hideTabId {
    display: none;
}