I am currently trying to use the Nextend Accordion Menu that has a list of products. My current page layout is 30%/70%. The 30% is where the Nextend Accordion Menu is located and the 70% is where I want to load the content of the pages, which I have already created.
I want the following action to happen. Once a user clicks the Accordion Menu the content of the page should load on the 70% side, instead what it is doing now it is directing to the actual page.
I hope someone could guide me how to modify the code.
A similar idea is this
http://jsfiddle.net/lesson8/dVPQw/
Once you click the Load Page it shows the content of the page.
Please see the code below from the page source:
<div class="entry-content"> <div id="pl-110"><div class="panel-grid" id="pg-110-0" ><div class="panel-grid-cell" id="pgc-110-0-0" ><div class="so-panel widget widget_sow-editor panel-first-child panel-last-child" id="panel-110-0-0-0"><div class="so-widget-sow-editor so-widget-sow-editor-base"> <div class="siteorigin-widget-tinymce textwidget"> </div></div></div></div></div><div class="panel-grid" id="pg-110-1" ><div class="panel-grid-cell" id="pgc-110-1-0" ><div class="so-panel widget widget_nextendaccordionmenuwidget NextendAccordionMenuWidget panel-first-child panel-last-child" id="panel-110-1-0-0"><nav><div id="nextend-accordion-menu-widget-1-0-0" class="noscript "> <div class="nextend-accordion-menu-inner "> <div class="nextend-accordion-menu-inner-container"> <dl class="level1 "> <dt class="level1 nextend-nav-192 parent first" data-menuid="192"> <span class="outer"> <span class="inner"> <a><span>Drilling Rig Accessories</span></a> </span> </span> </dt> <dd class="level1 nextend-nav-192 parent first"> <dl class="level2 "> <dt class="level2 nextend-nav-296 notparent first" data-menuid="296"> <span class="outer"> <span class="inner"> <a href="http://www.maratej.com.sa/drilling-workover/drilling-rig-accessories/drawworks/"><span>Drawworks</span></a> </span> </span> </dt> <dd class="level2 nextend-nav-296 notparent first"> </dd> <dt class="level2 nextend-nav-295 notparent " data-menuid="295"> <span class="outer"> <span class="inner"> <a href="http://www.maratej.com.sa/drilling-workover/drilling-rig-accessories/crown-block/"><span>Crown Block</span></a> </span> </span>
Hi Hussam Alikhan
Unfortunately, this isn’t possible without a fair amount of custom coding. This is beyond the scope of what we can help you with on the forums, but you could hire a developer to implement this for you.
We highly recommend using Codeable.