<!-- Block 2-->
<ul class="ingredient-b input_remove" id="box_in2">
  <li class="input-ingr">
    <input type="text" value="Я не пустой, удали класс и покажи меня" />
  </li>
  <li class="input-kol"><input type="text" value="" /></li>
  <li class="select-multiple"><input type="text" value="" /></li>
  <!-- Block 3-->
  <ul class="ingredient-b input_remove" id="box_in3">
    <li class="input-ingr">
      <input type="text" value="Я не пустой, удали класс и покажи меня" />
    </li>
    <li class="input-kol"><input type="text" value="" /></li>
    <li class="select-multiple"><input type="text" value="" /></li>
    <!-- Block 4-->
    <ul class="ingredient-b input_remove" id="box_in4">
      <li class="input-ingr"><input type="text" value="" /></li>
      <li class="input-kol"><input type="text" value="" /></li>
      <li class="select-multiple"><input type="text" value="" /></li>
      <!-- Block 5-->
      <ul class="ingredient-b input_remove" id="box_in5">
        <li class="input-ingr"><input type="text" value="" /></li>
        <li class="input-kol"><input type="text" value="" /></li>
        <li class="select-multiple"><input type="text" value="" /></li>
        <!-- Block 6-->
        <ul class="ingredient-b input_remove" id="box_in6">
          <li class="input-ingr"><input type="text" value="" /></li>
          <li class="input-kol"><input type="text" value="" /></li>
          <li class="select-multiple"><input type="text" value="" /></li>
          <!-- Block 7-->
          <ul class="ingredient-b input_remove" id="box_in7">
            <li class="input-ingr"><input type="text" value="" /></li>
            <li class="input-kol"><input type="text" value="" /></li>
            <li class="select-multiple"><input type="text" value="" /></li>
          </ul>
          <a
            href="javascript:look('box_in7');"
            id="a-box_in7"
            class="show_button"
            >- Добавить ещё -</a
          >
          <!-- / Block 7-->
        </ul>
        <a href="javascript:look('box_in6');" id="a-box_in6" class="show_button"
          >- Добавить ещё -</a
        >
        <!-- / Block 6-->
      </ul>
      <a href="javascript:look('box_in5');" id="a-box_in5" class="show_button"
        >- Добавить ещё -</a
      >
      <!-- / Block 5-->
    </ul>
    <a href="javascript:look('box_in4');" id="a-box_in4" class="show_button"
      >- Добавить ещё -</a
    >
    <!-- / Block 4-->
  </ul>
  <a href="javascript:look('box_in3');" id="a-box_in3" class="show_button"
    >- Добавить ещё -</a
  >
  <!-- / Block 3-->
</ul>
<a href="javascript:look('box_in2');" id="a-box_in2" class="show_button"
  >- Добавить ещё -</a
>
<!-- / Block 2-->
/* Скрываем спойлер */
.input_remove {display: none;}

/* -- */
ul.ingredient-b li {
  display:block;
  margin: 0;
} 
$(function() {
    $(".input-ingr input").each(function() {
        if (!$(this).val()) {
            $(this).parent().addClass('display_none');
        } else {
            $(this).parent().removeClass('display_none');
        }
    });
});



// Спойлер с блоками
function look(t){
  p=document.getElementById(t);
  l=document.getElementById("a-"+t);
  if(p.style.display=="none"){
    l.innerHTML="";
    p.style.display="block";}
  else{
    l.innerHTML="- Добавить ещё -";
    p.style.display="none";}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.