Jquery: UI tabs not working

Posted in Javascript
August 28th, 2009

Well, hmm. Let’s see. A quick Google fixed this for me!

There is one CSS style that is required for .tabs() to work. It takes care of the hiding of non active tabs.

/*tabs
------------------------*/
.ui-tabs .ui-tabs-hide {
display: none;
}

Also, to get the tabs to line up horizontally, use a CSS style that says display: inline.

#rinatabs li {display:inline; padding:5px;}