<script type="text/javascript">
$(function () {
$("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
$("#tabs li").removeClass("ui-corner-top").addClass("ui-corner-left");
});
$(function () {
//maintaining selected tab during postback
var selectedIndex = $("#<%=hFieldTabIndex.ClientID %>").val();
alert(selectedIndex)//here value is always set to null
if (selectedIndex == "") {
$("#tabs").tabs({ active: 0 });
}
else {
$("#tabs").tabs({ active: 1 });
}
//Change the text of the button on tab change
$("#tabs").on("tabsactivate", function () {
var index = $("#tabs").tabs("option", "active");
$("#<%=hFieldTabIndex.ClientID %>").val(index); //setting the hiddenfield value
alert($("#<%=hFieldTabIndex.ClientID %>").val()); //showing currect tab index
if (index == "0") {
$("#btnNext").attr('value', 'Next>>')
}
else {
$("#btnNext").attr('value', '<<Prev')
}
})
});
</script>
hFieldTabIndex.Value = Request.Form(hFieldTabIndex.UniqueID)
after postback the tab indes is not maintaining. please help