Скрыть / Показать по checkbox

function conditionClick() { 
  //console.log(this.id, this.checked); 
  var $input = $(this).closest(".conditions_check").next(".conditions_input").find("input"); 
  this.checked? $input.show() : $input.hide(); 
} 
 
$(".conditions_check input[type='checkbox']").click(conditionClick).each(function() { 
  conditionClick.call(this); 
});

.conditions_check input[type="checkbox"]+label { 
  height: 1.25vw; 
  width: 1.25vw; 
  display: inline-block; 
  cursor: pointer; 
  border: 0.125vw #815eca solid; 
  border-radius: .7vw; 
  margin-top: 0.625vw; 
  margin-right: 0.5vw; 
  position: relative; 
  top: 0; 
  left: 0; 
} 
 
.conditions_check input[type="checkbox"]+label::before { 
  content: ""; 
  display: inline-block; 
  height: 1.25vw; 
  width: 1.25vw; 
  margin: 0 0.05vw 0 0; 
  background-repeat: no-repeat; 
  left: 0; 
  top: 0.3vw; 
} 
 
.conditions_check input[type="checkbox"]:checked+label::before { 
  background-image: url('img/check_tablink.png'); 
  background-position: -2.6vw -0.4vw; 
} 
 
.conditions_check { 
  display: inline-block; 
  height: 2.5vw; 
  width: 44vw; 
  box-shadow: 0 0.0625vw 0.125vw rgba(0, 0, 0, .2); 
  border-radius: 0.5vw; 
  color: #170738; 
  padding-left: 1vw; 
  margin-top: 1vw; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="conditions_check"> 
  <input id="conditions_check_telega1" type="checkbox" hidden checked> 
  <label for="conditions_check_telega1"></label> 
  <span>The user must be subscribed to the chanal</span> 
</div> 
<div class="conditions_input"> 
  <input type="text"> 
</div> 
<div class="conditions_check"> 
  <input id="conditions_check_telega2" type="checkbox" hidden checked> 
  <label for="conditions_check_telega2"></label> 
  <span>The user must have at least X subscribers</span> 
</div> 
<div class="conditions_input"> 
  <input type="text"> 
</div> 
<div class="conditions_check"> 
  <input id="conditions_check_telega3" type="checkbox" hidden checked> 
  <label for="conditions_check_telega3"></label> 
  <span>The user should repost a tweet with a hashtag</span> 
</div> 
<div class="conditions_input"> 
  <input type="text"> 
</div>

.item { 
  margin-bottom: 10px; 
} 
 
.checkbox { 
  cursor: pointer; 
} 
 
.checkbox:checked ~ input { 
  display: none; 
}

<div class="items"> 
  <div class="item"> 
    <input class="checkbox" type="checkbox" /> 
    <input type="text" placeholder="Input 1" /> 
  </div> 
  <div class="item"> 
    <input class="checkbox" type="checkbox" /> 
    <input type="text" placeholder="Input 2" /> 
  </div> 
  <div class="item"> 
    <input class="checkbox" type="checkbox" /> 
    <input type="text" placeholder="Input 3" /> 
  </div> 
</div>

var chks = document.querySelectorAll('input[type="checkbox"]') 
// Проходим по всем checkbox 
chks.forEach(function(chk) { 
  // Вешаем событие 
  chk.addEventListener('click', function(e) { 
    e.target.closest('.conditions_check') 
      .nextElementSibling 
      .firstElementChild 
      .classList.toggle('hidden'); // Добавлен класс или убираем 
  }) 
})

/********************  ********************/ 
label { 
  cursor: pointer; 
} 
 
.hidden { 
  display: none; 
} 
/********************  ********************/ 
.conditions_check label> input[type="checkbox"] { 
  height: 1.25vw; 
  width: 1.25vw; 
  display: inline-block; 
  cursor: pointer; 
  border: 0.125vw #815eca solid; 
  border-radius: .7vw; 
  margin-top: 0.625vw; 
  margin-right: 0.5vw; 
  position: relative; 
  top: 0; 
  left: 0; 
} 
 
.conditions_check label> input[type="checkbox"]::before { 
  content: ""; 
  display: inline-block; 
  height: 1.25vw; 
  width: 1.25vw; 
  margin: 0 0.05vw 0 0; 
  background-repeat: no-repeat; 
  left: 0; 
  top: 0.3vw; 
} 
 
.conditions_check  label>input[type="checkbox"]:checked::before { 
  background-image: url('img/check_tablink.png'); 
  background-position: -2.6vw -0.4vw; 
} 
 
.conditions_check { 
  display: inline-block; 
  height: 2.5vw; 
  width: 44vw; 
  box-shadow: 0 0.0625vw 0.125vw rgba(0, 0, 0, .2); 
  border-radius: 0.5vw; 
  color: #170738; 
  padding-left: 1vw; 
  margin-top: 1vw; 
}

<div class="conditions_check"> 
  <!-------- label > input > span --------> 
  <label for="conditions_check_telega1"> 
  <input id="conditions_check_telega1" type="checkbox" checkbox hidden> 
  <span>The user must be subscribed to the chanal</span> 
  </label> 
</div> 
<div class="conditions_input"> 
  <input type="text"> 
</div> 
<div class="conditions_check"> 
  <label for="conditions_check_telega2">  
 <input id="conditions_check_telega2" type="checkbox" checkbox hidden> 
  
  <span>The user must have at least X subscribers</span> </label> 
</div> 
<div class="conditions_input"> 
  <input type="text"> 
</div> 
<div class="conditions_check"> 
  <label for="conditions_check_telega3"> 
   <input id="conditions_check_telega3" type="checkbox" checkbox hidden> 
  <span>The user should repost a tweet with a hashtag</span></label> 
</div> 
<div class="conditions_input"> 
  <input type="text"> 
</div>

.checkbox:checked ~ input { 
  display: none; 
}

<div class="conditions_check"> 
  <label for="conditions_check_telega1"> 
  <span>The user must be subscribed to the chanal</span></label> 
</div> 
<div class="conditions_input"> 
  <input class="checkbox" id="conditions_check_telega1" type="checkbox" hidden> 
  <input type="text"> 
</div> 
<div class="conditions_check"> 
  <label for="conditions_check_telega2"> 
  <span>The user must have at least X subscribers</span></label> 
</div> 
<div class="conditions_input"> 
  <input class="checkbox" id="conditions_check_telega2" type="checkbox" hidden> 
  <input type="text"> 
</div> 
<div class="conditions_check"> 
  <label for="conditions_check_telega3"> 
  <span>The user should repost a tweet with a hashtag</span></label> 
</div> 
<div class="conditions_input"> 
  <input class="checkbox" id="conditions_check_telega3" type="checkbox" hidden> 
  <input type="text"> 
</div>