Supprimer ajouter plus de bouton après l'ajout de 5 lignes et le montrer à nouveau moins de 5 javascript/jQuery

Question

Je clone le contenu de div "template" dans le div "placeholder" en utilisant le bouton "Ajouter plus".

Je voudrais une fois que j'ajouté 5 lignes sur le bouton Ajouter à disparaitra et une fois que je supprimer l'un des 5 pour montrer à nouveau et être en mesure d'ajouter à nouveau les lignes jusqu'à ce qu'ils soient riches 5.

À l'heure actuelle, en raison de si une déclaration une fois que je supprime les lignes le bouton ajouter n'ajoute rien car il a la condition de le faire 5 fois juste.

Aidez-nous s'il vous plaît.

<div id="template">Clone me</div> 

<div id="placeholder"> 
</div> 

<div class="add"> 
<button class="add-row" type="button">Add more</button> 
</div> 

var maxAppend = 0; 
$(".add-row").click(function(){ 
maxAppend++; 
if (maxAppend<5) { 
    $("#template").clone().appendTo("#placeholder").append('<div class="remove"><button class="remove-row">Remove product</button></div>').find('input').val(''); 
} 
}); 

$("body").on('click', '.remove-row', function(){ 
$(this).closest('#template').remove(); 
}); 

Answer 1

vous devez décrémenter maxAppend dans votre remove auditeur

comme ceci:

$("body").on('click', '.remove-row', function() { 
    $(this).closest('#template').remove(); 
    maxAppend--; 
}