JSFiddle - React, Tailwind, and code Playground

by ipr101

HTML

<div id="holder">
    
</div>


<br/>
<br/>
<input type="button" id="showit" value="show" />
<input type="button" id="hideit" value="hide" />
<br/>
<input type="button" id="clicker" value="is it visible?" />

JavaScript

$(function() {
    
    var stuff = '<span style="display: block;" id="spanselect">testing</span>';
        
    $("#holder").html( stuff ); 
    
    
    $("#showit").live( "click", function() {
        
        $("#spanselect").show("slow");
        
    });
    
    $("#hideit").live( "click", function() {
        
        $("#spanselect").hide("slow");
        
    });
    
    $("#clicker").live( "click", function() {

        var visibleElement = $('#holder').find("span.spanselect").is(":visible");
    
        alert( visibleElement );
       
        
    });
    
    
    
});