Hi all,

I would like to use a drop-down menu on a web site that I'm working on, but have a question about usability/accessibility as well as whether or not it will cause issues on being read/indexed by the search engines.

Here is the basic menu: myMenu.html.

Here is the article that raised my concern: Places It’s Tempting To Use Display: None; But Don’t

The menu listed above uses the setting of display: none; initially, then changes that setting to display: block; via jQuery. My concern is that it will make the menu unreadable to screen readers causing usability issues, plus I'm concerned that the navigation will not be indexed by the search engines causing another set of problems.

JS used:
jquery-1.7.1.min.js
jquery.dropmenu-1.1.4.js

/*  JavaScript Document                      */
/*  */


$(document).ready(function(){

	$('.nav_menu .dropdown').css('display','block');
	
	$('.nav_menu > ul').dropmenu({
		effect : 'slide', 
		speed : 250, 
		timeout : 0,
		nbsp : false
	});
});

Any input on how to adjust this menu, or another method to use?