JSFiddle - React, Tailwind, and code Playground

by VanessaKing

HTML

<div class="wrap-js-action">
    <span class="click-opacity js-action">click to show or hide (opacity:0|1)</span>
</div>
<div class="target-opacity">target opacity</div>
<div>last line</div>

CSS

.js-action {
    cursor: pointer;
    border-bottom: 1px dashed #555;
}
.wrap-js-action {
    margin: 15px 0 0 0;
}

JavaScript

$('.click-opacity').click(function () {
    if ($('.target-opacity').css('opacity') == '0.5') {
        $('.target-opacity').css({
            'opacity': '1.0'
        });
    } else {
        $('.target-opacity').css({
            'opacity': '0.5'
        });
    }
});