/* -------------------------------------------------------------
  アコーディオンjs
  ※要 jQuery
  <dl class="search_box">
    <dt>見出し</dt>
    <dd>内容</dd>
  </dl>
  で利用できます。
------------------------------------------------------------- */
/* cf) http://www.css-lecture.com/template/2009/0114/ */

$(document).ready(function() {
  $('.search_box dt').hover(function(){
    $(this).css('cursor','pointer'); 
  },function(){
    $(this).css('cursor','default'); 
  });
  
  /* bdenではシステムの返り値と連動した使い方をしているので別途よきところで設定する
  $('.search_box dd').css('display','none');
  */
  
  $('.search_box dt').click(function(){
    $(this).toggleClass('open'); 
    $(this).next().slideToggle('fast');
  });
});