JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<div id="test"></div>

JavaScript

$('#test').append($('<div/>')
    .attr("data-role", "collapsible")
    .attr("data-collapsed", "false")
    .attr("id", "Ejercicio1")
    .append($('<h3/>').text("Ejercicio #1"))
    .append($('<div/>')
    .attr("data-role", "fieldcontain")
    .append($('<textarea/>')
    .attr("name", "textoColapsable")
    .attr("id", "textoColapsable")
    .attr("placeholder", "")
    .attr("data-mini", "true")
    .text("aca va algo de texto")))
    .append($('<div/>')
    .attr("data-role", "fieldcontain")
    .append($('<label/>')
    .attr("for", "ejercicioValor")
    .text("Valor 1"))
    .append($('<input/>')
    .attr("name", "Valor 1")
    .attr("id", "ejercicioValor")
    .attr("placeholder", "Ingrese el Valor")
    .attr("value", "")
    .attr("type", "text")
    .attr("data-mini", "true")))
    .append($('<input/>')
    .attr("id", "botonGuardarEjercicio1")
    .attr("type", "submit")
    .attr("data-theme", "a")
    .attr("data-icon", "edit")
    .attr("data-iconpos", "left")
    .attr("value", "Guardar")
    .attr("data-mini", "true")))
    .trigger('create'); // This code only