JSFiddle - React, Tailwind, and code Playground
by Ersin Bilgin
HTML
<div id="result"></div>JavaScript
var Qfirst = "q", opt1 = "o1", opt2 = "o2", opt3 = "o3", opt4 = "o4", answer = "answer";
$('#result').append('<div class="quiz"><div class="quiz2"><div class="left"></div><div class="right"><h4 id="question">'+Qfirst+'</h4><div class="option"><ul><li class="icon-option" id="option1">'+opt1+'</li><li class="icon-option" id="option2">'+opt2+'</li><li class="icon-option" id="option3">'+opt3+'</li><li class="icon-option" id="option4">'+opt4+'</li></ul></div></div></div><div class="sliding-door"><div class="sliding-door-top"><a href="#"><em></em>See Answer</a></div><div class="sliding-door-bottom"><a href="#"><em></em>'+answer+'</a></div></div><div class="sliding-door-clear"></div></div>');