We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 1421
    • 9 Posts
    We have decided to use the accordion menu for are navigation

    After following all the instructions in the WIKI the menu now looks great smiley
    http://wiki.modxcms.com/index.php/Accordion_menu_with_Wayfinder_using_JQuery

    but we have one small problem.
    If the menu’s section has parent items the items display in an excordion menu but does not link to the main section, however if you right click & over in a new window this does link to the section, We need this to be able to link to the Section & open the accordion in one process

    JS Chunk
    <script type="text/javascript">
    ddaccordion.init({
    	headerclass: "submenuheader", //Shared CSS class name of headers group
    	contentclass: "submenu", //Shared CSS class name of contents group
    	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
    	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
    	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    	animatedefault: false, //Should contents open by default be animated into view?
    	persiststate: false, //persist state of opened contents within browser session?
    	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    	togglehtml: ["suffix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    	animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
    	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
    		//do nothing
    	},
    	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
    		//do nothing
    	}
    })
    </script>


    maybe this possibly has something to do with the wfRow [+wf.link+] huh
    <li><a class="menuitem" href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
    
      • 1421
      • 9 Posts
      If this is not possible.
      Could soemone please explain which varaible we can use to create are own accordion menu using an alternative jquery plugin

      Are these varaibles specific to use only with Wayfinder if so can someone suggest the alternative variables?
      <li><a href="[+wf.link+]" class="navigation" title="[+wf.title+]">[+wf.linktext+]</a></li>

      For example before MODx we use to use this

      	
      // Return Section Navigation
      	public function getSectionNavigation($parent = 0)
      	{
      		global $db;
      		$section = Valid::getValue('section');
      		$mainSection = $this->getSections(intval($parent));
      		echo '<div id="menus"><ul id="menu" class="collapsible expandfirst">';
      		foreach ($mainSection as $Nav) 
      		{	
      			$section == $Nav->sef_url ? $active = 'activecat' : !$section && $Nav->sef_url == '' ? $active = 'activecat' : $active = '';
      			$section == $Nav->sef_url ? $activechild = 'active' : $activechild = '' ;
      			echo '<li><a href="index.php?section='.$db->escape($Nav->sef_url).'" class='.$active.'>'.$db->escape($Nav->name).'</a>';
      			echo '<ul class='.$activechild.'>';
      			$parentSection = $this->getSections($Nav->section_id);		
      			if ($parentSection) 
      			{
      			  foreach ($parentSection as $parentNav) 
      				echo '<li><a href="index.php?section='.$db->escape($Nav->sef_url).'&level='.$db->escape($parentNav->sef_url).'">'.$db->escape($parentNav->name).'</a>';
      			}
      			echo '</ul></li>';	
      		}
      		echo '</ul></div>';	
      	}
      
        • 29060
        • 1 Posts
        did you find away to do this?

        thanks