Почему не отображается контент вкладок?

Question

[animr]

Добрый день, ребята подскажите что не так делаю, не отображается контент вкладок

https://jsfiddle.net/x0ucwv2g/8/

Answer 1

[Ankhena]

Правильная структура для вашего случая

скрытые инпуты
<div>
   лейблы
</div>
<div>
   блоки с контентом вкладок
</div>

так вы сможете написать селекторы ~

Answer 2

[nvdfxx]

потому что вот это неправильная конструкция

<div>
          <input id="tab_nw1" type="radio" name="tabs_nw" checked>
          <label for="tab_nw1" title="Wordpress">Таб 1</label>
          <input id="tab_nw2" type="radio" name="tabs_nw">
          <label for="tab_nw2" title="Windows">Таб 2</label>
          <input id="tab_nw3" type="radio" name="tabs_nw">
          <label for="tab_nw3" title="HTML5">Таб 3</label>
          <input id="tab_nw4" type="radio" name="tabs_nw">
          <label for="tab_nw4" title="CSS3">Таб 4</label>
</div>

вы не сможете при инпут:чекед обратиться к элементам на уровне выше, удалите див, оборачивающий эти инпуты

Comments

[animr]

А с этим div никак ? он мне нужен

[nvdfxx]

animr, еще раз, вы не сможете обратиться из цсс к элементам на уровне выше, решается жаваскриптом

[animr]

nvdfxx, Спасибо огромное!