Показать содержимое на основе флажка - jQuery

Question

У меня есть 8 divs.initially 4 из них отображаются, а оставшиеся 4 стилизованы как dislay: none.

FIDDLE код here

Первый 4 Флажок соответствуют первым 4 дивы. Когда 1-й флажок снят, первый div отключен, и по умолчанию активирован div empty. аналогично, если 2-й флажок снят, 2-й div отключен, и по умолчанию активирован div empty. аналогично 3-го и 4-го дивизий.

Последние 4 флажков соответствуют последним 4-мя отрывками. Эти флажки должны быть включены для проверки или снятия отметки только в том случае, если один из первых 4 divs отключен и когда включен любой из этих 4 флажков, соответствующий div должен отображаться в месте дефолтного деления.

например checkbox with name=box1 не установлен, тогда div_box_1 должен быть отключен, а div empty должен быть включен. После этого, если установлен флажок с name=box6, необходимо отключить div empty и включить div_box_6.

Answer 1

Как работают селекторы jQuery, для каждого добавляемого текста вы найдете его еще один дочерний узел или w/e.

Проблема заключается в том: $("input.css-checkbox:checkbox").click(function(){

Вы выбирая с классом "CSS-флажок" уже. С помощью флажка: он принимает что-то БОЛЬШЕ после этого. (Я забыл, что этот селектор делает TBH). Но когда вы удаляете «: checkbox», он скрывает и показывает.

$("input.css-checkbox").click(function(){