Having a “flash” of extra content using jquery tabs in WordPress site sidebar

I have created a wordpress website that is using a jquery navigation tab in the sidebar. It’s a really cool addition, but my client is complaining that when the page loads, you see a partial list item load to the right of all 3 tabs. I have actually looked and it does it in IE and Firefox so far. I don’t understand the technology just yet, but has anyone experienced this “flash” using jquery functions? Here’s an example page.

Related posts

Leave a Reply

1 comment

  1. You can fix that by pushing your nav tabs apart a little more:

    //in glide.css
    .tabnav li {
        display: inline;
        float: left;
        list-style: none outside none;
        margin-right: 10px; /* my alteration */
        text-align: center; 
    }
    

    By messing with that margin-right you should be able to solve your problem. Otherwise try playing with it using Firebug.