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>