• I am using the following code to restyle my dropdown menus:

    function initTopMenu() {
    $(‘#header .menu > ul’).addClass(‘navg’);
    $(“#header ul.navg > li”).addClass(‘mainNavLinkLeft’);
    $(“#header ul[class=’navg’] > li”).wrapInner(“<div class=’mainNavLinkRight’>”);
    $(“#header ul[class=’navg’] > li.mainNavLinkLeft .mainNavLinkRight > a”).wrap(“<h4>”);
    $(“#header ul[class=’navg’] > li.mainNavLinkLeft .mainNavLinkRight > h4″).after(‘<br class=”clear” />’);
    $(“#header ul[class=’navg’] > li.mainNavLinkLeft .mainNavLinkRight h4 > a”).addClass(“mainNavLinkNotch”);
    $(“#header ul[class=’navg’] > li.mainNavLinkLeft .mainNavLinkRight > ul”).addClass(“mainNavLinks”);
    $(“#header ul[class=’navg’] > li.mainNavLinkLeft .mainNavLinkRight > ul.mainNavLinks”).wrap(“<div class=’text’><div class=’mainNavBG’>”);
    $(“#header ul[class=’navg’] > li.mainNavLinkLeft .mainNavLinkRight .text .mainNavBG > ul.mainNavLinks”).after(‘<br class=”clear”>’);
    $(“#header ul[class=’navg’] > li.mainNavLinkLeft .mainNavLinkRight .text .mainNavBG > ul.mainNavLinks”).after(‘<br class=”clear”>’);

    }

    The menus look great, but everytime I switch pages and the menus are rebuilt, the original styling flashes on the screen. I don’t know if my code is bad, the host is slow or something else is going on. Since the menus are static, they should not need to be rebuilt for each page, but I don’t know if there is a way to do that.

    Thanks.

    My site is http://staff.washington.edu/anyal/wordpress/ if you want to see the flash.

  • The topic ‘jQuery drop-down menus slow’ is closed to new replies.