JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="myButton">Add</button>
<div class='whatever'>
    <div class='row-fluid'>...your inputs etc goes here...</div>
</div>
<div class='whatever'>
    <div class='row-fluid'>...your inputs etc goes here...</div>
</div>
<div class='whatever'>
    <div class='row-fluid'>...your inputs etc goes here...</div>
</div>
<div class='whatever'>
    <div class='row-fluid'>...your inputs etc goes here...</div>
</div>
<div class='whatever'>
    <div class='row-fluid'>...your inputs etc goes here...</div>
</div>
<div class='add-input'>

</div>
</div>

CSS

.whatever {
    display: none;
}

JavaScript

$('#myButton').on('click', addInput);

function addInput() {
    var hiddenDivs = $('.whatever');
    hiddenDivs.first().removeClass('whatever');
    if(hiddenDivs.length == 1){
        $('#myButton').attr("disabled", "disabled");
    }
}