JSFiddle - React, Tailwind, and code Playground

by wrafal

HTML

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://rawgit.com/rwoloszyn/simplehide.js/master/simplehide.js"></script>
<div id="firstExampleId">
    Object ID text example.
</div>

<div id="secondExampleId">
    Second Object ID text example.
</div>

<customhtmltag>
    Custom html tag test.
</customhtmltag>


<div class="classExample">
    Class example.
</div>


<div class="multipleClass">
    Same class example text 1.
</div>

<div class="multipleClass">
    Same class example text 2.
</div>

<div class="optionTestClass">
    Changed link text example.
</div>

CSS

div, a, customhtmltag {
        display: block;
        margin-top:5px;
        margin-left: 50px;
}

JavaScript

$('#firstExampleId').simplehide();
    $('#secondExampleId').simplehide();
    $('customhtmltag').simplehide();
    $('.classExample').simplehide();
    $('.multipleClass').simplehide();
    $('.optionTestClass').simplehide({
        showLink: '<a href="#">Changed link...</a>'
    });