jQuery Forum

Hi,

on this site http://www.ikbeneenamsterdammer.nl/index-test.html i use this menu to show all the countrys.

When i click a link (in the menu). I want to hide the menu and show the modal dialog box.

I try it with the following (see the bold text):

1. $('.downloadbtn').click(function() {
                   //strip off prefix of buttin id to get number for dialog
                  
                   $("ul#topnav li .sub").css({'opacity':'0'});
                   $("ul#topnav li .sub li").hide();
   
                   var landbtnIdPrefix = 'landbtn';
                   var landbtnNum = $(this).attr('id').substring((landbtnIdPrefix.length));
                  
   
                   $('#box' + landbtnNum).dialog('open');
               });

But it's not really hiding the big menu ??? Because when i want to click a link inside the dialog box, the big menu is still covering the dialog box.


Does anybody know what's woring or how to hide the big menu ??

Thanks alot.