JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://craigsworks.com/projects/qtip/css/qtip.css">
<script src="http://craigsworks.com/projects/qtip/packages/1.0.0-rc3/jquery.qtip-1.0.0-rc3.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<body>
	<div id="Title">
		<ul>
			<li class="logo"></li>
			<li class="login_"></li>
			<li class="search"></li>
			<li class="status"></li>
        </ul>
		<h4>
			Title + Login
		</h4>
	</div>
    <div id="vtab">
        <ul>
            <li class="home selected"></li>
            <li class="login"></li>
            <li class="support"></li>
        </ul>
        <div>
            <h4>
                Welcome Home!
			</h4>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dictum tincidunt
            metus, vitae porta elit mollis eget. Sed id nisl nec lorem tincidunt sodales. Etiam
            a dolor tellus, vel rhoncus ligula? Duis adipiscing vehicula urna ut pellentesque!
            Duis eleifend lacinia diam a rhoncus. Integer viverra dolor eget eros consequat
            facilisis. Curabitur dignissim dignissim lacinia!
            <br />
            <br />
            Sed bibendum velit et magna placerat bibendum. Donec vitae leo ante. Nulla semper
            dapibus felis et luctus. Donec congue, lectus eget ullamcorper sagittis, orci enim
            aliquam risus, eget adipiscing quam neque sed eros. Donec commodo nisi varius augue
            lacinia pharetra. Cras lacinia fermentum luctus. Nunc venenatis commodo lorem, vitae
            pulvinar neque dignissim sed. Proin blandit rhoncus risus, sit amet eleifend quam
            eleifend sed.
        </div>
        <div>
            <h4>
                Secure Login</h4>
            <form id="loginForm" action="">
            <fieldset>
                <legend>You need to sign in with your Email & Password to continue.</legend>
                <div>
                    <label for="email">
        ...

CSS

body {
            background: #fff;
            font-family: verdana;
            padding-top: 30px;
        }
		#Title {
			margin: auto;
			width: 90%;
			height: 10%;
		}
		
        #vtab {
            margin: auto;
            width: 75%;
            height: 100%;
        }
        #vtab > ul > li {
            width: 35px;
            height: 35px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: left;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab > ul > li.home {
            background: url('C:\\Users\\drorg\Desktop\\jquery mobile\\vtabsShome.png') no-repeat center center;
        }
        #vtab > ul > li.login {
            background: url('C:\Users\drorg\Desktop\jquery mobile\vtabsSlogin.png') no-repeat center center;
        }
        #vtab > ul > li.support {
            background: url('C:\Users\drorg\Desktop\jquery mobile\vtabsSsupport.png') no-repeat center center;
        }
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 40px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab > div {
           ...

JavaScript

$(function() {
    var $items = $('#vtab>ul>li');
    //$items.click(function() {
    $items.mouseover(function() {
        $items.removeClass('selected');
        $(this).addClass('selected');
        
        var index = $items.index($(this));
        $('#vtab>div').hide().eq(index).show();
    }).eq(1).mouseover();// 1 - means 2nd tab chosen
});