I'm using Jquery and Jquery UI with the following:
$(document).ready(function() {
$('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});
Right now it automatically sets the first tabs as the default tab that is selected when the document loads. How do I override this and make the second tab the default selected tab when the page loads?
Select the Settings button. Choose General Setup & Options. Click on System Settings to expand the section. Locate the setting Default Tab on Page Load (Consumer Mode).
disable( index )Returns: jQuery (plugin only) Disables a tab. The selected tab cannot be disabled. To disable more than one tab at once, set the disabled option: $( "#tabs" ). tabs( "option", "disabled", [ 1, 2, 3 ] ) .
var selectedTab = $("#TabList"). tabs(). data("selected. tabs");
$('#tabvanilla > ul').tabs({ selected: 1 });
More details on the specifications page.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With