CMS Made Simple Forums

Code: Select all

{if $count > 0}
	<ul class="pages" style="position:relative;">
	{foreach from=$nodelist item=node}
		{if $node->depth > $node->prevdepth}
			{capture assign=count_value}{counter name=c1}{/capture}
			{repeat string="<div class='menuChildren menuChildren$count_value' id='menuChildren$count_value' style='display:none;'><ul class='children'>" times=$node->depth-$node->prevdepth}
			{elseif $node->depth < $node->prevdepth}
			{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
		</li>
		{elseif $node->index > 0}
			</li>
		{/if}
		{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
			<li class="current_page_item showSubmenu" id="menuChildren{counter name=c2}">
				<a {elseif $node->current == true}
			<li class="current_page_item">
				{elseif $node->haschildren == true}
			<li class="showSubmenu" id="menuChildren{counter name=c2}">
				{elseif $node->type == 'sectionheader'}
			<li>{$node->menutext}{elseif $node->type == 'separator'}
			<li style="list-style-type: none;"> <hr class="separator" />{else}
			<li>
			{/if}
			{if $node->type != 'sectionheader' and $node->type != 'separator'}
				<a {if $node->haschildren == true}href="#"{else}href="{$node->url}#"{/if}>{$node->menutext}</a>
			{elseif $node->type == 'sectionheader'}
				{$node->menutext}</a>
		{/if}
	{/foreach}
	{repeat string="</li></ul></div>" times=$node->depth-1}
	</li>

	</ul>
{/if}



{literal}
  <__script__>
		$(document).ready(function(){

			//Hide all megamenus
			$('.menuChildren').hide(); 

			$(".showSubmenu").click(function(){
			
				// Check if any megamenu is shown?
				var numMegaVisible = 0;
				$('.menuChildren').each(function() {
					if (this.style.display == 'block') numMegaVisible++;
				}); 

				//If any megamenu is shown
				if (numMegaVisible) { 

					// Hide current megamenu
					var currentVisible = $('.menuChildren.'+this.id).css("display");
					if (currentVisible == 'block') {
						$('.menuChildren.'+this.id).slideUp();		
					} else {
					
						// Hide all megamenus
						$('.menuChildren').hide();
						
						// Show wanted megamenu
						$('.menuChildren.'+this.id).slideToggle(); 
						
					}
					
				} else if (this.id != ''){	// If none megamenu is open

					// Show wanted megamenu
					$('.menuChildren.'+this.id).slideDown();
				}

			});

		});
  </__script>
{/literal}

Code: Select all

/* Menu */
#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
	margin:0; padding:13px 15px;
	font:bold 1.08em Arial, Helvetica, sans-serif; color:#34393e;
	display:block;
	outline: none;

}

#navigation ul li a:hover {
	color:#000;
	font-weight:bold; text-decoration:underline;
	outline: none;

}

#navigation ul.pages li.current_page_item a:link, #navigation ul.pages li.current_page_item a:active, #navigation ul.pages li.current_page_item a:visited {
	/* Crazy margins to pull up the hover image above the borders.*/
	margin:-3px 0 0 0; padding:15px 15px 14px 15px;
	background:#171615 url(/images/navigation-hover.gif) repeat-x bottom center;
	color:#f1f8ff; position:relative;
	outline: none;

}


#navigation ul.pages li.showingSubMenu {
	background	:	url(images/navigation-h.gif) repeat-x;
}

.menuChildren {
	background: url(/images/navigation-mega.gif) no-repeat scroll center bottom;
	height				:	118px;
	left				:	3px;
	padding				:	10px 5px 5px 5px;
	margin				:	0px;
	width				:	927px;
	float				:	left;
	position			:	absolute;	
	z-index				:	1000;	
}

		.menuChildren ul.children {
			margin	:	10px 0px 0px 20px;
			padding	:	0px;
			list-style	:	none;
		}
		
				.menuChildren ul.children li {
					float				:	left;
					background-image	:	none !important;
					background			:	none !important;
				}
				
				.menuChildren ul.children li a, .menuChildren ul.children li a:link, .menuChildren ul.children li a:visited, .menuChildren ul.children li a:active {
					background-image	:	none !important;
					background			:	none !important;
					color				:	#34393E !important;
				}