JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tabs">
    <li>
        <a href="#movies" class="defaulttab" rel="movies">Movie</a>
    </li>
    <li>
        <a href="#ratings" rel="ratings">Comments</a>
    </li>
</ul>
<div class="contentbox">
    <div class="tab-content" id="movies">movie tab</div>
    <div class="tab-content" id="ratings">rating tab</div>
</div>

CSS

.contentbox{
border:1px solid gray; width:600px; margin-bottom: 1em; 
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
overflow-x: hidden;padding:10px 5px 5px 10px;
}
ul.tabs {margin:0;padding:0;padding:1px 0px;margin-left:0;margin-bottom:0;font:bold 12px Verdana;list-style-type:none;text-align:left;height:22px;}
ul.tabs li {display:inline;margin:0;}
ul.tabs li a {text-decoration:none;position:relative;padding: 3px 10px;margin-right: 3px;border: 1px solid #778;
color: #2d2b2b;background:#ffffff;border-top:3px solid #0099ff;padding-bottom:8px;padding-top:6px;background-image:url('../css/bg_nav_a.png');}
.tabs li a:visited{color: #2d2b2b;}
.tabs li a:hover{text-decoration:underline;color: #2d2b2b;}
.tabs li a.selected{position:relative;background:#ffffff;text-decoration:none;}
.tabs li a.selected{border-bottom-color:white;}
.tabs li a.selected:hover{text-decoration:none;}
.tab-content{display:none;font-size:14px;font-family: Arial, Helvetica, sans-serif;line-height:130%;width:auto;}

JavaScript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
"></script>


<script type="text/javascript">
$(document).ready(function () {
    $('.tabs a').click(function () {
        var $this = $(this);
        $('.tabs a').removeClass("selected");
        $this.addClass('selected');
        switch_tabs($this.attr('href'));
        return false;
    });
    var anchor;
    var hash = $('a[href="' + location.hash + '"]');
    if(hash.length > 0){
        anchor = hash;
    }
    else{
        anchor = $('.defaulttab');
    }
    anchor.click();
});

function switch_tabs(hash) {
    $('.tab-content').hide(); 
    $(hash).show();   
    location.hash = hash;
}
</script>