Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  <script src="http://webtrendset.com/demo/easy-responsive-tabs/js/easyResponsiveTabs.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div id="verticalTab" class="vertical-tab">
                        <ul class="resp-tabs-list">
                            <li>Data Communication<span>12</span></li>
                            <li>Distributed data processing<span>12</span></li>
                            <li>Heavily used configuartion<span>12</span></li>
                            <li>Transaction rate</li>
                        </ul>
                        <div class="resp-tabs-container">
                            <div>
                                <p>Lorem ipsum doare id lectus. Proin consectetur nibh quis urna gravida mollis.</p>
                            </div>
                            <div>
                                <p>This tab has icon in it.</p>
                            </div>
                            <div>
                                <p>Sususavid urna gravid eget erat suscipit in malesuada odio venenatis.</p>
                            </div>
                            <div>
                                <p>d ut ornare non,  velit eget erat suscipit in malesuada odio venenatis.</p>
                            </div>
                        </div>
                    </div>
</body>
</html>
 
    $(document).ready(function () {
        $('#verticalTab').easyResponsiveTabs({
            type: 'vertical',
            width: 'auto',
            fit: true
        });
    });
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
myajouripro
0viewers