JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<a href="#" class="add-prod-group">+</a>
<p class="text-center">Add products to your order</p>
<hr />
<div class="group-add-prod">
  <p>contents</p>
</div>

JavaScript

jQuery(document).ready(function($){
	$('.group-add-prod').hide();
$(".add-prod-group").on('click', function(){
  var ele = $(this).next().next().next('.group-add-prod').clone(true);
  $(this).next().next().next('.group-add-prod').after(ele).slideDown();
});
});