<!-- 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";}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.