JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<div id="main" style="border:1px dashed red;" >
  <div id="1" style="width:300px;height:50px; ">div One visible</div>
  <div id="2" style="width:300px;height:50px; ">div two visible</div>
</div>

JavaScript

$(function ()
{
    var $main = $('#main'),
        $1 = $('#1'),
        $2 = $('#2');

    $2.hide(); // hide div#2 when the page is loaded

    $main.click(function ()
    {
        $1.toggle();
        $2.toggle();
    });
});