Функциональность Next-Prev для вкладок jquery

Мне нужны функции Next, Previous для вкладок jquery при нажатии на кнопки Next и Prev html. я используюjquery.1.9.1.js а такжеjquery-ui-1.10.2.custom.js файл. Я реализовал код ниже, но у меня не работает.


    $(function () {
        $("#ui-tabs").tabs();
        function GetSelectedTabIndex() {
            return $('#ui-tabs').tabs('option', 'selected');
        }

        function ShowTabs(stepNum) {
            var num = parseInt(stepNum);
            $('#ui-tabs').tabs('option', 'active', parseInt(GetSelectedTabIndex()) +  num);
        }

        $('#prev').click(function () {
            ShowTabs(-1);
        })

        $('#next').click(function () {
            ShowTabs(-1);
        })
    });



    
        <a href="#tabs-1">Nunc tincidunt</a>
        <a href="#tabs-2">Proin dolor</a>
        <a href="#tabs-3">Aenean lacinia</a>
    
    Tab1 content 
    Tab2 content 
    Tab3 content 

<a id="prev" class="button-style" href="#">Prev</a>
 <a id="next" class="button-style" href="#">Next</a>

НоGetSelectedTabIndex возвращает ноль Что не так в реализации. Пожалуйста, предложите.

Ответы на вопрос(3)

Ваш ответ на вопрос