Показать сообщение отдельно
  #5 (permalink)  
Старый 19.12.2018, 20:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Янковиц,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$( ".parent" ).each(function() {
    var el = $(this).nextUntil('.parent'),
    checkbox = $(':checkbox',this);
    checkbox.change(function() {
    el.toggle(this.checked)
  }).change()
 });
});
  </script>
</head>

<body>
<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 class="title">Тумблер переключения валют<span class="desc">Опция позволяет выводить переключатель валюты.</span></div>
      <div class="control"><input type="checkbox" id="converter" name="converter" value="1"  class="switch"><label class="switch-label" for="converter"></label></div>
   </div>
   <div class="field child">
      поле 1
   </div>
   <div class="field child">
      поле 2
   </div>
</div>

</body>
</html>
Ответить с цитированием