Question

Please tell me the solution why my dropdown menu is breaking while loading? Click Here for the link.

Full Details:

    When the website is loading, its showing all the sub menus present inside and after its loads completly its showing correctly. At the start it should be strong and should not show inside present sub menu...

It has the below java codes.

<link href="css/dcmegamenu.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcmegamenu.1.3.3.js'></script>
<script type="text/javascript">
$(document).ready(function($){
    $('#mega-menu-7').dcMegaMenu({
        rowItems: '3',
        speed: 'fast',
        effect: 'slide'
    });
});
</script>

Answer 1

Try this once:

$(function() {

    // Handler for .ready() called.
    $('#mega-menu-7').dcMegaMenu({
        rowItems: '3',
        speed: 'fast',
        effect: 'slide'
    });

});​