// ---------------------------------------------------------------------
/* slideMainImg.js require jquery */
// ---------------------------------------------------------------------

$(function(){
  // マウスオーバーしたときは高さを持たせる。
  // また、背景色を透過する。
  $(".menuWrap").mouseover(function() {
    $(this).find(".slidePannel")
      .animate(
        {height: "360px"/*, opacity: 1.0*/},
        {duration: 200, easing: "linear"}
      );
  });

  // マウスアウトしたときは高さ0pxにする。
  $(".menuWrap").mouseout(function() {
    $(this).find(".slidePannel").stop()
      .animate(
        {height: "0"},
        {
          queue:false,
          duration: 200, easing: "linear",
          complete: function(){
            $(this).find(".slidePannel").css({display: "none", height: "0"})
          }
        }
      );
  });
});