JScrollPane only works in default tab

I have been trying for hours to place the JScrollPane module (scroll-bar module) inside each tab.
All 3 tabs are set up by a node id. I placed my JScrollPane div class to each tabbed content. My default tab is the only tab with a vertical scroll-bar. The other two tabs do not work at all.
Furthermore, I went in to quicktabs.js and change .quicktabs-hide to return true; on line 51 shown below:

  tab.tabpage.removeClass('quicktabs-hide');
  return false;
}

  tab.tabpage.removeClass('quicktabs-hide');
  return true;
}

This code was able make every tab have a vertical scroll, the only downside was when you click on a tab the whole page has to refresh to see that tab.

I understand little bit of JavaScript and would assume I'm having competing scripts with my tabs and scrollbar.

My site can be viewed here: http://test.kirbymorganpro.com/courses/surface-supplied-diving/dan-first...

Thanks to anyone with help or advise on this subject because it's an issue that needs to be addressed.