$(function(){
  /* 最初に表示させておくエリア */
  $("#noteList div").css("display", "none");
  $("#noteList div#noteArea01").css("display", "block");
  
  /* クリックしたときのイベント */
  $(".noteIndex a").click(function(){
    $(".noteIndex a").removeClass("active");
    $("#noteList div").css("display", "none");

    var elementName = $(this).attr("href");

    /* インデックスのクラスをactiveに */
    /*$(this).addClass("active");*/
    $(".note-index01 a").each(function(){
      if ($(this).attr("href") == elementName) {
        $(this).addClass("active");
      };
    });

    /* エリアを表示する */
    $(elementName).css("display", "block");
    return false;
    
  });
});