Menu to load content Ajax

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>