Функциональность 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
возвращает ноль Что не так в реализации. Пожалуйста, предложите.