In principle it could do both of these thing, but it would need tweaking - but I do intend to keep adding / modifying the code - particularly the multi level code. The multi level code should be easy enough - just need to make the function recursive somehow (adjusting the jquery selector to allow this I suppose)

I think the best way to have the menu start closed is to just apply a class to the sub menu(s) so that when the page loads but before any JavaScript runs the sub menu is hidden purely by CSS.

I too am interested in accomplishing what Jon was asking about … having the sub menus closed on page loading, and also some way of having only one sub menu opened at a time — having it automatically close any other sub menu that is currently active.

I’ve tried tweaking the code to no avail, and I just don’t know enough about jquery to be able to write the proper functions to accomplish this.

Do you think you could please help?

Sorry started fiddling around, found that what I wanted to do was harder than it looked and forgot about it. But I’ll have a look for you.

Making the menu closed when the page loads basically just involves removing the cookie code, so the menu has no memory…

Makings sure that only one sub menu opens at a time should just involve closing all the sub menus first or something like that…

Have got a solution for you.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<script langauge="javascript">
$(document).ready(function() {
 
	$("#demo-menu > li > a").not(":first").find("+ ul").slideUp(1);
 
	$("#demo-menu > li > a > span").text('+'); // add an indicator to the menu items to show there is a child menu
 
	$("#demo-menu > li> a").each(function() {
		toggleMenu(this);
 
	});
 
 
	function toggleMenu(id) {
		$(id).click(function() {
			var flag = 1;
 
			if($(this).find("+ ul").is(':visible')) {
				// set flag to hide the menu we have just clicked on if it is open - as we have clicked to close it.
				flag = 0;
			}
 
		$("#demo-menu > li> a").each(function() {
 
			/*
			* hide all the menus
			*/
 
			if($(this).find("+ ul").is(':visible')) {
					$(this).find("+ ul").hide();
					$(this).children("span").text('+');
			}
		});
 
		if(flag == 1) {
			$(this).find("+ ul").slideDown(500);
			$(this).children("span").text('-');
		}
 
			});
	}
 
});
</script>

Just drop the above script in place of the cookie using code. This will have all the menus closed on startup and will only allow one sub menu to be open at a time.

John