Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 13.59.218.229
<!doctype html>
<meta charset="utf-8" />
Create an Awesome Vertical Tabbed Content Area using CSS3 & jQuery | FarDesign.net
<!-- Include Styles -->
<link href="style.css" rel="stylesheet" />
<!--[if IE 7]>
<style type="text/css">#v-nav>ul>li.current{border-right:1px solid #fff!important}#v-nav>div.tab-content{z-index:-1!important;left:0}</style>
<![endif]-->
<!--[if IE 8]>
<style type="text/css">#v-nav>ul>li.current{border-right:1px solid #fff!important}#v-nav>div.tab-content{z-index:-1!important;left:0}</style>
<![endif]--></pre>
<section class="wrapper" id="wrapper">
<h1 class="title">Vertical Tabbed Content Area</h1>
<div id="v-nav">
<ul>
<li class="first current">Design</li>
<li>Specs</li>
<li>Price</li>
<li class="last">Release Date</li>
</ul>
<div class="tab-content">
<h4>Design</h4>
</div>
<div class="tab-content">
<h4>Specs</h4>
</div>
<div class="tab-content">
<h4>Price</h4>
</div>
<div class="tab-content">
<h4>Release Date</h4>
</div>
</div>
</section>
<pre>
<!-- Include Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://benalman.com/code/projects/jquery-hashchange/jquery.ba-hashchange.js"></script>
<script type="text/javascript" src="script.js"></script>
|