JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<div class='1'>

</div>
<div class='2'>

</div>
<label id="lblResult"></label>

CSS

div {
  display: inline-block;
  color: #444;
  border: 1px solid #CCC;
  background: #DDD;
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  vertical-align: middle;
  max-width: 100px;
  padding: 5px;
  text-align: center;
}

JavaScript

$('div').on('click', function() {
   if ($(this).next('div').length === 1)
   // Set hidden field value 1
   else
   // Set hidden field value 2
 });