<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="ui.accordion.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />

<script type="text/javascript">
<!--
   $(function() {
      $('#accordion').accordion({event:'mouseover', header: 'h3' });
            // event:"mouseover"を指定しなければクリックで開きます
   });
//-->
</script>

<div id="accordion">
   <div>
      <h3><$lta>First</a></h3>
      <div>サンプルサンプルサンプルサンプル</div>
   </div>
   <div>
      <h3><a>Second</a></h3>
      <div>
         サンプルサンプルサンプルサンプル<br />
         サンプルサンプルサンプルサンプル
      </div>
   </div>
   <div>
      <h3><a>Third</a></h3>
      <div>サンプルサンプルサンプルサンプル</div>
   </div>
</div>