JSFiddle - React, Tailwind, and code Playground

by gopi1410

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div id="div1">

</div>
<div id="div2">

</div>

CSS

#div1{
  background-color: yellow;
  height:40px;
  width: auto;
}

#div2{
  height: 40px;
  width: auto;
  background-color: blue;
}

JavaScript

function print(a){
	a.html("div2");
}

function disp(){
	$("#div1").html("div1");
}

$("#div2").click(function() {
	print($("#div2")) 
});

//$("#div1").click(disp);
// always better to follow below syntax and keep it inside function

$("#div1").click(function() {
	disp();
})

//I want div2 to work like div1