tab.html

<link type="text/css" rel="stylesheet" href="easy-responsive-tabs.css" />
<script src="jquery-1.8.3.js" type="text/javascript"></script>
<script src="easyResponsiveTabs.js" type="text/javascript"></script>
<div id="verticalTab">
    <ul class="resp-tabs-list">
        <li>Tab Panel 1</li>
        <li>Tab Panel 2</li>
        <li>Tab Panel 3</li>
        <li>Tab Panel 4</li>
    </ul>
    <div class="resp-tabs-container">
        <div>
            Tab Panel-1 content
        </div>
        <div>
            Tab Panel-2 content
        </div>
        <div>
            Tab Panel-3 content
        </div>
        <div>
            Tab Panel-4 content
        </div>
    </div>
</div>
<script type="text/javascript">
        $(document).ready(function () {
            $('#verticalTab').easyResponsiveTabs({
                type: 'vertical',
                width: 'auto',
                fit: true
            });
        });
</script>