JSFiddle - React, Tailwind, and code Playground

by rosalind_sandya

HTML

<div>
    <input type="button" onclick="displayIcon()">
</div>
<div>
    <input type="button" id="test" class="clist" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vPrint" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vFilter" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vSaveAs" style="display:none">
</div>
<div>
    <input type="button" id="test" class="vShare" style="display:none">
</div>
    <div>
    <input type="button" id="test" class="alertInfo" style="display:none">
</div>

CSS

button {
    width:200px;
    height:200px;
}

JavaScript

function displayIcon() {
    var a = 1;
    var i = 2;
    if (a == 1) {

        $('.clist').show();
        $('.vPrint').show();
        $('.vFilter').show();
        $('.vSaveAs').show();
        $('.vShare').show();
    } else if (a === 0) {

        $('.vPrint').show();
        $('.vFilter').show();
    }

    if (i == 2) {
        $('.alertInfo').show();
    } else if (i == 4) {
        $('.alertInfo').hide();
    }
}