Как настроить отображения дочерниго DIV контэйнер с помощью CSS в зависимости от состояния чекбокса?

Question

[strelkovandrey]

Добрый день, не могу сообразить как настроить зависимость отображения DIV контейнеров в зависимости от состояния CHECKBOX-а.

https://jsfiddle.net/g353p4kj/3/

В моём случае, я хочу чтобы когда CHECKBOX был активный (стоит галочка) то контейнер с ID: FIRST отображается, а SECOND исчезает.
Но никак не выходит

Answer 1

[romy4]

в таком случае никак. либо чекбокс должен находится на одном уровне, либо выше по дереву, но никак ни в другой ветке дерева.

Comments

[strelkovandrey]

Спасибо
Беда, так и думал, а JS/Jquery может помочь в таком случае?

[romy4]

strelkovandrey: на JS/jQuery организовывается запросто

[strelkovandrey]

Ясно, спасибо

[romy4]

strelkovandrey: https://jsfiddle.net/g353p4kj/4/

[romy4]

strelkovandrey: https://jsfiddle.net/g353p4kj/5/

[strelkovandrey]

romy4: Вдвойне спасибо!