JSFiddle - React, Tailwind, and code Playground

by Abhijeet Kandalkar

HTML

<div class="objWrap">
    <img src="http://2.bp.blogspot.com/-lzp5dDtFZjQ/UwrzngTkHrI/AAAAAAAAAR0/yGcUwgYpRhY/s1600/A+FONT.png"></img>
</div>
<button id="displayNone">Display None</button>
<button id="displayShown">Display Shown</button>

CSS

.objWrap {
    background-color: #D5F1F7;
}

object {
    height: 100px;
    width: 100px;
}

.displayNone {
    display:none;
}

JavaScript

$('#displayShown').hide();

$('#displayNone').click(function() {
    $('.objWrap').addClass("displayNone");
    $('#displayShown').show();
    $('#displayNone').hide();
});

$('#displayShown').click(function() {
    $('.objWrap').removeClass('displayNone');
    $('#displayNone').show();
    $('#displayShown').hide();
});