JavaScript Tabs

Set the position property of the jqxTabs. Author: http://jqwidgets.com

by musicreader

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxTabs'>
    <ul style='margin-left: 20px;'>
        <li>Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
    <div>Content 3</div>
</div>

CSS

<div id="jqxTabs">
        <ul>
            <li>Tab 1</li>
            <li>Tab 2</li>
            <li>Tab 3</li>
        </ul>
        <div>
            Content of Tab 1
        </div>
        <div>
            Content of Tab 2
        </div>
        <div>
            Content of Tab 3
        </div>
    </div>

JavaScript

$('#jqxTabs').jqxTabs();