Ugly HTML list visible during page load, while waiting for JQuery tree plugin rendering -

I am using a jquery plugin called "jstree" Such plugins are registered in the prepared function, and are limited to a specific HTML div element. So, obviously when the page gets loaded, a raw ugly HTML list becomes a beautiful tree, and the plugin works fine.

My problem is due to the fact that there is one phase (about one second) in the raw HTML page, waiting for the plugin to be triggered. In other words, there is a second in which this completely ugly HTML list is visible. This Beehive is almost invisible with a powerful PC, but it is annoying on the normal machine.

How can I survive such a situation?

Thanks

There may be an approach but it can not be the best, first try hiding your list for 1 second by using the jQuery function .hide () , then the jQuery function Show it back using .show () Or you can hide it from CSS if possible (if possible) then try a .load () function on your plugin and then .show () .