hi I used below code to create megamenu for page:
 <script src="scripts/jquery1.4.2.js"></script>
    <script src="scripts/jquery.dcmegamenu.1.3.3.js"></script>  
       <script type="text/javascript">
        $(document).ready(function ($) {
        
            $('#mega-menu-2').dcMegaMenu({
                rowItems: '7',
                speed: 'fast',
                effect: 'fade',
                event: 'click'
            });
            $('#mega-menu-10').dcMegaMenu({
                rowItems: '7',
                speed: 'fast',
                effect: 'fade',
                event: 'click'
            });
            $('#mega-menu-11').dcMegaMenu({
                rowItems: '7',
                speed: 'fast',
                effect: 'fade',
                event: 'click'
            });
        });
    </script>
see below image:

see red arrow here when click on button megamenu will appear (show with green arrow) problem is that whan I run page for 2 second it show all text of megamenu and then load other part of page...
I don't want it show text of megamenu when page is run(even for 2 second) it should show when I click on button...
Best Regards
neda