JSFiddle - React, Tailwind, and code Playground

HTML

<button id="check-type" value="Multiple choice">Multiple choice</button>
<div class="container"></div>
<form class="multiple-choice">
    <div id="choice" class="css-selectbox">
        <h3 id="title" name="question-title" class="first-header">Choice</h3>
        <p class="label-checkboxitem">Which features did you like?</p>            
        <input id="check1" onclick=uncheck(this) type="checkbox" name="check" value="check1" class="input-checkboxitem">  
        <label for="check1">Materials</label>
        <br> <br> 
        <input id="check2" onclick=uncheck(this) type="checkbox" name="check" value="check2" class="input-checkboxitem">  
        <label for="check2">Exam Method</label>
        <br><br>             
        <input id="check6" onclick=uncheck(this) type="checkbox" name="check" value="check6" class="input-checkboxitem">
        <label for="check6">None</label>
    </div>
</form>

JavaScript

$('#check-type').click(function(){
    $('.multiple-choice').show();
    var sth = $('.multiple-choice:first').clone().appendTo('.container');
    //$('.multiple-choice:last').hide();
    });