JSFiddle - React, Tailwind, and code Playground

by Amin Kodaganur

HTML

<div class="Modal">
<div id="modal-body">
  Modal contain goes here
</div>
</div>


<div class="modal-data" id="modal-one-data">
  hello hi I am modal 1
</div>

<div class="modal-data"  id="modal-two-data">
  hello hi I am modal 2
</div>

<button id="button1">
load button 1
</button>

<button id="button2">
load button 2
</button>

CSS

.modal-data{
  display: none;
}

JavaScript

$("#button1").on('click',(e)=>{
	$("#modal-body").html($("#modal-one-data").html())
});

$("#button2").on('click',(e)=>{
	$("#modal-body").html($("#modal-two-data").html())
})