cksgrapes
5/13/2016 - 7:35 AM

ドロワーメニュー的なもの(上からでてくる、背景暗くなる)

ドロワーメニュー的なもの(上からでてくる、背景暗くなる)

$accoBtn = $('img.header-menu-btn');
$accoBtn.each(function(){
    $(this).click(function(){
        $(this).next().stop(true,true).slideToggle(400);
        $('body').toggleClass('openMenu');
    });
});
body
  .header
    .menu-btn
    .menu-contents
.header {
  z-index: 200;
}

.menu-contents {
  display: none;
}

.openMenu {
  &:after {
    display: block;
    content: "";
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
}