tabs

by karin

HTML

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Bull</a>

        </li>
        <li><a href="#tabs-2">Bear</a>

        </li>
    </ul>
    <div id="tabs-1">
        <table id="BullTable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Market</th>
                    <th>Reason</th>
                    <th>Reason Order</th>
                    <th>Datestamp</th>
                    <th></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="tabs-2">
        <table id="BearTable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Market</th>
                    <th>Reason</th>
                    <th>Reason Order</th>
                    <th>Datestamp</th>
                    <th></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

JavaScript

$(function () {
     $("#tabs").tabs();
 });
 var params = -1;

 if (params == -1) {
     //alert('set bear active');
     //$( "#tabs" ).tabs( "option", "active", 0 );
     $("#tabs-2").tabs({
         active: 1
     });
 } else {
     alert('set bulls active');
     $("#tabs-1").tabs({
         active: 0
     });
 }