jQuery UI - v1.9.2 - 2014-09-21 をもとに作成した。
　/assets/css/jtabs.css = ui.core + ui.tabs (5kb)
　/assets/js/jtabs.js = ui.core + ui.widget + ui.tabs (29kb) 

<link rel="stylesheet" href="/assets/css/jtabs.css">
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/jtabs.js"></script>
<script>$(function() { $( "#tabs" ).tabs({event: "mouseover"}); });</script>
  
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">jQueryTabs</a></li>
    <li><a href="#tabs-2">以呂波耳本へ止</a></li>
    <li><a href="#tabs-3">般若心経</a></li>
  </ul>
  <div id="tabs-1">
   ・・・
  </div>
  <div id="tabs-2">
   ・・・
  </div>
  <div id="tabs-3">
   ・・・
  </div>
</div>

いろはにほへと　ちりぬるを　わかよたれそ　つねならむ　うゐのおくやま　けふこえて　あさきゆめみし　ゑひもせす　色はにほへど　散りぬるを　我が世たれぞ　常ならむ　有為の奥山　今日越えて　浅き夢見じ　酔ひもせず

以呂波耳本へ止　千利奴流乎和加　餘多連曽津祢那　良牟有為能於久　耶万計不己衣天　阿佐伎喩女美之　恵比毛勢須

仏説・摩訶般若波羅蜜多心経　 観自在菩薩・行深般若波羅蜜多時、照見五蘊皆空、度一切苦厄。舎利子。色不異空、空不異色、色即是空、空即是色。受・想・行・識亦復如是。舎利子。是諸法空相、不生不滅、不垢不浄、不増不減。是故空中、無色、無受・想・行・識、無眼・耳・鼻・舌・身・意、無色・声・香・味・触・法。無眼界、乃至、無意識界。無無明・亦無無明尽、乃至、無老死、亦無老死尽。無苦・集・滅・道。無智・亦無得。以無所得故、菩提薩?、依般若波羅蜜多故、心無?礙、無?礙故、無有恐怖、遠離一切顛倒夢想、究竟涅槃。三世諸仏、依般若波羅蜜多故、得阿耨多羅三藐三菩提。故知、般若波羅蜜多、是大神呪、是大明呪、是無上呪、是無等等呪、能除一切苦、真実不虚。故説、般若波羅蜜多呪。即説呪曰、羯諦羯諦、波羅羯諦、波羅僧羯諦、菩提薩婆訶。般若心経

Toggle sections open/closed on mouseover with the event option. The default value for event is "click."

写真
動画
地図 
<script>$(function() { $( "#myTabs" ).tabs({}); });</script>
<div id="myTabs">
  <ul>
    <li><a href="#photo">写真</a></li>
    <li><a href="#video">動画</a></li>
    <li><a href="#maps">地図</a></li>
  </ul>
  <div id="photo">
   写真
  </div>
  <div id="video">
   動画
  </div>
  <div id="maps">
   地図
  </div>
</div>