position

position - Specifies the position of the tabs.
It may be one of the following:

  • left - Tabs are positioned on the left.
  • top - Tabs are positioned on the top.
  • right - Tabs are positioned on the right.
  • bottom - Tabs are positioned on the bottom.

Its value is top by default.

<div id="tabs">
    <ul>
        <li>One</li>
        <li>Two</li>
    </ul>
    <div>Tab Pane 1</div> 
    <div>Tab Pane 2</div>
</div>

<script type="text/javascript">
    $(function () {
        $("#tabs").shieldTabs({
            position: "left"
        });
    });
</script>