Question

I have a dropdown menu on http://www.idataresearch.com that displays when the document is finished loading in order to avoid the content shown without css/js problem that occurs as the page is loading. This seems to work great in all browsers except Internet Explorer. Quite often the menu just doesn’t show up at all and I have to refresh the page in order to get it to work. Any help would be greatly appreciated.

EDIT:

Here is the non-working document-ready function (I’ve since changed it back to the way I had it because it actually made things worse in that sometimes the menu would just be stuck open):

jQuery(document).ready(function() {

ddsmoothmenu.init({
    mainmenuid: "smoothmenu1", //menu DIV id
    orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu', //class added to menu's outer DIV
    //customtheme: ["#1c5a80", "#18374a"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

  jQuery('#smoothmenu1').show();
});

Answer 1

I am assuming this is the code you are talking about

<script type="text/javascript">
    ddsmoothmenu.init({
        mainmenuid: "smoothmenu1", //menu DIV id
        orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
        classname: 'ddsmoothmenu', //class added to menu's outer DIV
        //customtheme: ["#1c5a80", "#18374a"],
        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
</script>

There is nothing stopping this code from being run before the page is completed loading. I would suggest you place this code (and a lot of your other scripts) into a $(document).ready() function.

This is in word press, I beleive, which is not my area of expertise, but I think that should help the issue.