Anyone have an example of using the "show" callback of the UI.Tabs?

I am having a problem where for a second or two on initial page load
the un-jQuery-tabbed <ul> list is showing, and then when the ".tabs()"
gets run then it shows the tabbed display that i want

So i figured i would set the main <div> to "display: none" and then on
that "show" event unhide the div....  so then instead the user would
see a blank area and then the fully tabbed interface

 I see the option in the ui.tabs.js file:

    $.ui.tabs = function(el, options) {

        this.source = el;

        this.options = $.extend({
            // basic setup
            initial: 0,
            // callbacks
            add: function() {},
            remove: function() {},
            enable: function() {},
            disable: function() {},
            click: function() {},
            hide: function() {},
            show: function() {},


and I tried this simple setup:

    $("#TabContainer ul").tabs({
        show: function() { alert('Show Event') }
    });




but there is no reference in the rest of the js of that option/
event...  (perhaps it is an incomplete feature?)

Maybe some other advice on how to avoid seeing the untabbed <ul> to
start?

Thanks in advance

Reply via email to