JSFiddle - React, Tailwind, and code Playground

HTML

<p>Dynamically Add and Delete Textbox using jQuery</p>
<div id="advice" style="width: 400px; height: auto;">
  <form>
  <div id="button_pro">
    <div class='space' id='input_1'>
        <table>
        <tr>
        <th> Name </th>
        <th> Description </th>
        <th> section </th>
        </tr>
        <tr>
        <td><input id="input_1" type="text" name="val[]" class='left txt'/></td>
        <td><input id="input_1" type="text" name="val[]" class='left txt'/></td>
        <td><input id="input_1" type="text" name="val[]" class='left txt'/></td>

        <td class="addTD"><input type="button"value="+">+</button></td>
        </tr>
        </table>


    </div>
   </div>   
    <input type='submit' value='Submit' class='but'/>
 </form>    
</div>

CSS

@font-face{font-family: Lobster;src: url('Lobster.otf');}
body{width:750px;margin:0px auto;}
.space{margin-bottom: 4px;}
.txt{width:250px;border:1px solid #00BB64; height:30px;border-radius:3px;font-family: Lobster;font-size:20px;color:#00BB64;}
p{font-family: Lobster;font-size:35px; text-align:center;}
.but{width:250px;background:#00BB64;border:1px solid #00BB64;height:40px;border-radius:3px;color:white;margin-top:10px;}

JavaScript

$('document').ready(function(){
    var id=2,txt_box;
    $('#button_pro').on('click','.add',function(){
          $(this).remove();
          txt_box='<div class="space" id="input_'+id+'" ><table><tr><th>  Name </th><th> Description </th><th> Section </th></tr>   <tr><td><input id="input_'+id+'" type="text" name="val[]" class="left txt"/></td><td><input id="input_'+id+'" type="text" name="val[]" class="left txt"/></td><td><input id="input_'+id+'" type="text" name="val[]" class="left txt"/></td><td><img class="remove" src="images/remove.png" /></td><td class="addTD"><img class="add right" src="images/add.png" /></td></tr></table></div>';
          $("#button_pro").append(txt_box);
          id++;
    });

    $('#button_pro').on('click','.remove',function(){
       
            var parent = $(this).closest(".space");
           var parentPrev = $(parent).prev().find(".addTD");
            
            $(parent).slideUp('medium',function(){
                $(parent).remove();
                if($('.add').length < 1){
                    $(parentPrev).append('<img src="images/add.png" class="add right"/>');
                }
            });
            });


});