JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<div class="blue"></div>
<div class="gray">
    <p> Show --> </p>
</div>
<div class="orange">
    <p> -- Hide </p>
</div>

CSS

.blue{
    
    height:100px;
    width:250px;
    background:#1ecae3;
    float:left;
}
.gray{
    
    height:100px;
    width:100px;
    background:#eee;
    float:left;    
}

.orange{
    height:100px;
    width:150px;
    background:#fdcb05;
    float:left;     
}

JavaScript

$('.orange').hide();
$('.gray p,.orange p').click(function(){
    $('.gray,.orange').toggle();
});