Programmatically change Tabs when using idTabs

I want to have the actual idtab button aswell as a link/button within the tab able to change tabs via JavaScript.

Is this possi开发者_运维问答ble if so how? Thanks

after looking through the examples again I have re-used the bulk of it and I have come up with the following

  function switchTab(ActiveTab) {
        var set = $('.idtabs').html();   

        $("a", set).removeClass("selected")
        .filter("[href='" + ActiveTab + "']", set).addClass("selected");

        $.each($("a", set), function (key, value) {
            $($(value).attr("href")).hide();
        });

        $(ActiveTab).show();}

I have just stumbled through your post after a google search. In case anyone else arrives here through the same way, I'll let an advice.

Instead of...

$("a", set).removeClass("selected")

...and...

$.each($("a", set), function (key, value) {

...one should use:

$("yourMenu#IdOrHTMLTag a")

It will prevent the code from calling jQuery's .hide() and .removeClass at all links of the page, which would raise an error.

You can achieve what you want just triggering the link's click event:

function switchTab(ActiveTab) {
    $("a[href'"+ActiveTab+"']").click();
}