Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Tabs

By: stckrboy on May 5th, 2012  |  syntax: HTML  |  size: 1.01 KB  |  hits: 23  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <div class="tabs">
  2.         <ul class="menu">
  3.                 <li><a href="#" onclick="dE('l_tab1', 1); dE('l_tab2', -1); dE('l_tab3', -1); dE('l_tab4', -1); return false;">Tab1</a></li>
  4.                 <li><a href="#" onclick="dE('l_tab1', -1); dE('l_tab2', 1); dE('l_tab3', -1); dE('l_tab4', -1); return false;">Tab2</a></li>
  5.                 <li><a href="#" onclick="dE('l_tab1', -1); dE('l_tab2', -1); dE('l_tab3', 1); dE('l_tab4', -1); return false;">Tab3</a></li>
  6.                 <li><a href="#" onclick="dE('l_tab1', -1); dE('l_tab2', -1); dE('l_tab3', -1); dE('l_tab4', 1); return false;">Tab4</a></li>
  7.         </ul>
  8. </div> 
  9.  
  10. <div id="content">
  11.         <div id="l_tab1" style="display: block;">
  12.                 <span class="content">
  13.                         This is tab 1
  14.                 </span>
  15.         </div>
  16.         <div id="l_tab2" style="display: none;">
  17.                 <span class="content">
  18.                         This is tab 2
  19.                 </span>
  20.         </div>
  21.         <div id="l_tab3" style="display: none;">
  22.                 <span class="content">
  23.                         This is tab 3
  24.                 </span>
  25.         </div>
  26.         <div id="l_tab4" style="display: none;">
  27.                 <span class="content">
  28.                         This is tab 4
  29.                 </span>
  30.         </div>
  31. </div>
create a new version of this paste RAW Paste Data