CodePen

HTML

            
              ok lets see - bunch of additional html in your file that should have been created by the scroll plugin.
so first:

in you tabs.js file  line(2) replace with this:

$(".jspPane > div").hide(); //Hide all content

then in your html file where you have the tabs delete the whole additional divs you created, so your new div has the structure

 <div id="tab_content" class="jspScrollable">
   <div id="tab1">your content</div>
  <div id="tab2">next</div>
 </div>

that should do the trick - you might have to adjust your css a bit.


            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              /*
CSS Tricks Forum

http://css-tricks.com/forums/discussion/21477/javascript-interfering-with-other-javascript
*/
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................