Как активировать следующую вкладку и их содержимое с помощью клавиши табуляции

Привет, я создаю вкладки jquery, используя ul и li. Я хочу создать функцию, используя onblur, когда пользователь нажимает клавишу табуляции, она переместится на следующую вкладку. я хочу, когда пользователь в последнем текстовом поле вкладки 1, когда он нажмет клавишу табуляции, затем переместится на следующую вкладку и активирует свой контент. Я создаю вкладку, используя jquery, а не jquery ui. Я не использую индекс Tab для этого. Я хочу написать функцию onblur event.

Заметка:

 <ul class='tabs'>
                <li><a href='#tab1'>Tab 1</a></li>
                <li><a href='#tab2'>Tab 2</a></li>
                <li><a href='#tab3'>Tab 3</a></li>
              </ul>
              <div id='tab1'>
                <ul class= "set2"> 
                    <li>  test 1<asp:TextBox runat="server"  ID="test1" /></li>
                    <li>  test 2<asp:TextBox runat="server" onBlur(); ID="test2" /></li>
                </ul>
              </div>
              <div id='tab3'>
                <ul class= "set2"> 
                    <li>  test 3<asp:TextBox runat="server"  ID="test3" /></li>
                    <li>  test 4<asp:TextBox runat="server"  onBlur(); ID="test4" /></li>
                </ul>
              </div>
              <div id='tab3'>
                <ul class= "set"> 
                    <li>  test 5<asp:TextBox runat="server"  ID="test5" /></li>
                    <li>  test 6<asp:TextBox runat="server"  onBlur(); ID="test6" /></li>
                </ul>
              </div>

скрипт

$(document).ready(function () {
    alert("You are running jQuery version: " + $.fn.jquery);


    $('ul.tabs').each(function () {
        // For each set of tabs, we want to keep track of
        // which tab is active and it associated content
        var $active, $content, $links = $(this).find('a');


        // If the location.hash matches one of the links, use that as the active tab.
        // If no match is found, use the first link as the initial active tab.

        if ($('hdnCurrentTabSelection.ClientID').val() == "") {
            $('#_ctl0_hdnCurrentTabSelection').val(location.hash)
        }

        $active = $($links.filter('[href="' + $('#_ctl0_hdnCurrentTabSelection').val() + '"]')[0] || $links[0]);
        $active.addClass('active');
        $content = $($active.attr('href'));
        window.location.href = window.location.href.toString().split('#')[0] + $active.attr('href');

        // Hide the remaining content
        $links.not($active).each(function () {
            $($(this).attr('href')).hide();
        });

        // Bind the click event handler
        $(this).on('click', 'a', function (e) {
            // Make the old tab inactive.
            $active.removeClass('active');
            //window.location.href = window.location.href.toString().replace($active.attr('href'), '');
            $content.hide();

            // Update the variables with the new link and content
            $active = $(this);
            $('#_ctl0_hdnCurrentTabSelection').val($active.attr("href"))
            $content = $($(this).attr('href'));
            window.location.href = window.location.href.toString().split('#')[0] + $active.attr('href');

            // Make the tab active.
            $active.addClass('active');
            $content.show();

            // Prevent the anchor default click action
            e.preventDefault();
        });
    });

Это скрипка