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

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -