// JavaScript Document

$(function(){
  $('.anchor a[href^="#"]').click(function() {
    var speed = 500;
    var href = $(this).attr('href');
    var target = $(href == '#' || href == '' ? 'html' : href);
    var position = target.offset().top;
    $('body,html').animate({
      scrollTop: position
    }, speed, 'swing');
    return false;
  });
});
$(function() {
  //最初は全てのパネルを非表示に
  $('.panel dd').hide();
  $('.panel dt')
    .click(function(e){
 //選択したパネルを開く
      $(this).toggleClass('open');
	  $('+dd', this).slideToggle(300);
    });
});

$(function() {
    //クリックしたときのファンクションをまとめて指定
    $('.tab_nav li').click(function() {
        //.index()を使いクリックされたタブが何番目かを調べ、
//      indexという変数に代入します。
        var index = $('.tab_nav li').index(this);
 
        //コンテンツを一度すべて非表示にし、
        $('.tab-box > .chCont').css('display','none');
        //クリックされたタブと同じ順番のコンテンツを表示します。
        $('.tab-box > .chCont').eq(index).fadeIn();
        //タブについているクラスselectを消し、
        $('.tab_nav li').removeClass('active');
 
        //クリックされたタブのみにクラスselectをつけます。
        $(this).addClass('active');
    });
});