JSFiddle - React, Tailwind, and code Playground

by Ying Chor Ding

HTML

<div class="all">
<div class="dashboard-btn" data-show="one">Show1</div>
<div class="dashboard-btn" data-show="two">Show2</div>
<div class="dashboard-btn" data-show="three">Show3</div>
</div>
<div class="content">
<div class="one hide">Content 1.</div>
<div class="two hide">Content 2.</div>
<div class="three hide">Content 3.</div>
</div>

CSS

http://codereview.stackexchange.com/questions/64583/simple-javascript-hide-show
http://www.stylinwithcss.com/blog/post.php?s=2012-12-21-click-states-with-jquery-and-css---part-1
http://jsfiddle.net/3ZnGj/3/

JavaScript

$(document).ready(function () {   
    $('.all').on('dashboard-btn','.btn',function() {
       var show = $(this).attr('data-show');
       $(".hide").hide();
       $("."+show).show();
    });
$(".hide").hide();    
});