JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<center>
<form id="myform">
    <label>Enter Question:</label>
    <input id="input" type="text" name = "questions"/>
    <br><br>
    <label>Enter SQL code here:</label>
    <textarea id="sql_code" name = "SQL_code"></textarea>
    <br><br>
    <input id = "submitbutton" type="submit" value="Submit"/>
	<input type = "button" id ="addAccordion" value = "Add Question" ></input>
</form>
</center>

<div id = "accordion">
	<h3> Question 1 </h3>
	<div>
		<form>
			Have you ever been tested for an STI?
			<br><br>
			<label for="in" name="question1">Edit Question:</label>
			<input type="text"/>
			<br><br>
			<label for="sql" name="SQL">Edit SQL code here:</label>
			<textarea></textarea>
			<br><br>
			<input type = "button" value = "Edit" ></input>
			</form>
	</div>
	
</div>

JavaScript

var counter = 2;
  
  $(function() {
    $("#accordion").accordion({
		collapsible: true,
        active: false,
		});
	
	function edit(){
	var text = $(this).siblings("input[type=text]").val();
	var sql = $(this).siblings('textarea').val();
	$("#input").val(text);
	$("#sql_code").val(sql);
	}
	$(":button").click(edit);
	
	$("#addAccordion").click( function() {
		var inputVal = $("#input").val();
		var sqlVal = $("textarea#sql_code").val();
		if (!sqlVal || !inputVal){
			return;
		}
		var newDiv = '<div><h3 style = "background:lightblue;">Question '+ counter +'</h3></div>';
		var content = '<div class = "new_panel"><label>'+inputVal+'</label><br><br><label for="in" name="question">Edit Question:</label> <input type="text" name = "question" value ="'+inputVal+'" /><br><br>'
		+ ' <label name="SQL">Edit SQL code here:</label><textarea name = "code">'+sqlVal+'</textarea>' +
		'<br><br> <input type = "button" value = "Edit" ></input></div>';
		$("#accordion").prepend(newDiv +content) ;
    $("#accordion").find("h3").not(":first").css({"background":"none"})
		$("#accordion").accordion("refresh");
		counter++;
		$(":button").click(edit);
	});
  });