special menu at right side

[vishal2209]

Hi

I need to show following menu structure on right side..

>General Instruction
>>>>Rule
>>>>Admin
>Special Instruction
>>>>Dress Code on Monday
>>>>Visit to Japan

The above menu should be collapseable...and should have accordian type nature....meaning by default the right side menu will look like...
>General Instruction
>Special Instruction

And when i click "General Instruction"
The menu structure at right will look like....
>General Instruction
>>>>Rule
>>>>Admin
>Special Instruction


And when i click "Special Instruction"
The menu structure at right will look like....
>General Instruction
>Special Instruction
>>>>Dress Code on Monday
>>>>Visit to Japan


Please help....

Thanks
Vishal

[tomgsd]

The menu manager help section will tell you all you need to know here.  Specifically though, have a look at the "collapse" parameter.

[vishal2209]

I could not understand any use of collapse paramter...i tried it but could not find it useful...may be i am not using the correct way....

[Dr.CSS]

You are describing the default behavior of the menu used on http://multiintech.com/defaultcontent/i ... ge=navleft...

[Peciura]

Are you talking about this menu template ? Don't forget to define CSS styles for elements listed at the top of the template.

Code: Select all

{* CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}
<div class="menuwrapper">
<ul class="primary-nav">

{foreach from=$nodelist item=node}

{if $node->depth > $node->prevdepth }
	{repeat string="<li><ul>" 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="menuactive menuparent"><a class="menuactive menuparent" 
{elseif $node->current == true}
	<li class="menuactive"><a class="menuactive" 
{elseif $node->haschildren == true}
	<li class="menuparent"><a class="menuparent" 
{elseif $node->type == 'sectionheader'}
        <li class="sectionheader"><span> {$node->menutext} </span>
{elseif $node->type == 'separator'}
        <li style="list-style-type: none;"> <hr class="separator" />
{else}
	<li><a 
{/if}

{if $node->type != 'sectionheader' and $node->type != 'separator'}
    
           href="{$node->url}" 
          {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}
          {if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}
          {if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}
          {if $node->target !=""} target="{$node->target}"{/if}>
    
     <dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
      ><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>


{/if}
{/foreach}

	{repeat string="</li></ul>" times=$node->depth}		{*</li>
	</ul>*}
<div class="clearb"></div>
</div>
{/if}