JSFiddle - React, Tailwind, and code Playground

by jondlm

HTML

<div id="imageDiv"> 
    <img id="myImage" src="http://www.worldtvpc.com/blog/wp-content/uploads/2012/07/windows8-logo.jpg" />
</div>
<button id="one">Test</button> 
<button id="two">Click Me</button>

<script>
    var x = 0;

$(function() {        
    $( "input[type=submit], a, button" )            
        .button()            
        .click(function( event ) {                
            event.preventDefault();            
        });    
});

$("#two").click(function(){
    if (x == 0){
        $("#myImage").hide("puff", "fast"); 
        x = 1;
    } else {
        $("#myImage").show("puff", "fast");
        x = 0;
    }
});

</script>

CSS

#imageDiv
{
    height:50px;
}

#myImage
{
    width:100%;
}

button { 
    width: 100px;
    height:50px;
    margin: 25px;
}

#one { float:left }
#two { float:right }