Question

I am using jQuery tab and on next button I want it to move to the next tab

    $(".next-tab").click(function () {
       var selected = $("#tab-div").Tabs("option", "selected");
       alert(selected);
    $("#tab-div").Tabs("option", "selected", selected + 1);
    });


    <div id="tab-div">
    <ul class="nav">
    <li><a href="#tab1" class="current">New Group</a></li>
    <li><a href="#tab2">For Companies</a></li>
    </ul>
    <div class="list-wrap">
    <div id="tab1" class="">
    <table width="70%" border="0" cellspacing="0" cellpadding="5" class="alltbls creatgrp">
    <tr>
    <td width="239" class="td-left req">Group Name</td>
    <td> <asp:TextBox ID="txtGroupName" class="text" runat="server" TabIndex="1" onchange="ontextchange()"></asp:TextBox>  </td>
    </tr>
</table>

    </div>
    <div id="tab2" class="">
        <table width="70%" border="0" cellspacing="0" cellpadding="5" class="alltbls creatgrp">
        <tr>
            <td width="239" class="td-left req">Group Name</td>
            <td> <asp:TextBox ID="txtGroupName" class="text" runat="server" TabIndex="1" onchange="ontextchange()"></asp:TextBox>  </td>
            </tr>
        </table>
    </div>

On alert I am getting object object instead of the tab index.

Thanks,

Answer 1

Tabs should be lowercase – tabs.

$(".next-tab").click(function () {
    var selected = $("#tab-div").tabs("option", "selected");
    alert(selected);
    $("#tab-div").tabs("option", "selected", selected + 1);
});