Добрый день. Есть разметка:
<div class="group">
<div class="field parent">
<div class="title">Тумблер переключения валют<span class="desc">Опция позволяет выводить переключатель валюты.</span></div>
<div class="control"><input type="checkbox" id="converter" name="converter" value="1" checked="checked" class="switch"><label class="switch-label" for="converter"></label></div>
</div>
<div class="field child">
поле 1
</div>
<div class="field child">
поле 2
</div>
<div class="field parent">
// здесь ещё один тумблер
</div>
</div>
Подскажите, как скрывать и показывать блоки с классом child при изменении вышележащего чекбокса с классом родителя parent. Скрыть всё до следующего элемента с классом parent. Чекбок активен - child - открыто, не активен, то скрыто.