Как сделать что бы вкладки(tabs) работали если к ним добавить вкладку «все»?

Question

[freeman0204]

Делаю вкладки по этой статье Принципе все получилось. Вот но если я хочу добавить еще вкладку "всё" то вообщем работает не правильно. У меня пока сайт без админки, поэтому добавляю все вручную. Насколько я понимаю если я добавлю вкладку "все" я в этом блок кидаю все параграфы, а потом с этого блока копирую в остальные вкладки где это нужно. Я так сделал у себя с фото, но при повторном посещении вкладки фото пропадают.. Вообщем некорректно работает.

Подскажите как добавить вкладку "все" что бы все работало корректно.

Answer 1

[Алексей Ярков]

codepen.io/anon/pen/Vezpqx

Comments

[freeman0204]

Спасибо.

[freeman0204]

А если у меня вкладка "все" стоит первой как быть тогда?

[Алексей Ярков]

Артур Черешнюк: подправил

[freeman0204]

Алексей Ярков: Проявился еще такой баг. Если первый раз обновить страницу то на вкладке "Все" появляются все дважды:
1

1_1

2

2_2

3

3_3

4

4_4

1

1_1

2

2_2

3

3_3

4

4_4

Как можно от этого избавится? А если нажать на какую то другую вкладку и опять на вкладку "Все" то все нормально. Баг проявляется только после первого обновления страницы.

[Алексей Ярков]

Артур Черешнюк: на codepen бага нет. Баг у вас на странице. Смотрите код у себя, я хз

[freeman0204]

Алексей Ярков: Решил проблему. Забыл добавить этот код.
.box {
display: none;
}

.box.visible {
display: block;
}