javascript - Loading tab content on click -
i have attempted take bits , pieces other sources unable desired effect. have multiple tabs pre-loaded, content loading specific number of rss feeds, have added more tabs page has gradually taken longer load, naturally.. @ point need load tabs content on click/trigger. best way achieve this?
html
<div class="header"> <h4 class="title">header</h4> <p class="category">some tagline here</p> </div> <div class="content content-full-width"> <ul role="tablist" class="nav nav-tabs"> <li role="presentation" class="active"> <a href="#us" data-toggle="tab" aria-expanded="true">usa</a> </li> <li class=""> <a href="#uk" data-toggle="tab" aria-expanded="false">uk</a> </li> <li class=""> <a href="#au" data-toggle="tab" aria-expanded="false">au</a> </li> <li class=""> <a href="#ca" data-toggle="tab" aria-expanded="false">ca</a> </li> <li class=""> <a href="#nz" data-toggle="tab" aria-expanded="false">nz</a> </li> </ul> <div class="tab-content"> </br> <div id="us" class="tab-pane active"> - content here - </div> <div id="uk" class="tab-pane"> - content here - </div> <div id="au" class="tab-pane"> - content here - </div> <div id="ca" class="tab-pane"> - content here - </div> <div id="nz" class="tab-pane"> - content here - </div> </div> </div>
jsfiddle
https://jsfiddle.net/qvussf6t/1/
thanks.
Comments
Post a Comment