かんたんオーバーレイ(CSS+トグルスイッチ)
Jquery
$(function() { $('.overbtn').click(function() { $(".overlay").fadeToggle(); }); $('.overlay').click(function() { $(".overlay").fadeToggle(); }); });
CSS
.overlay { position: fixed; top: 0; z-index: 3; display: none; width: 96%; padding: 2%; height: 100vh; background-color: rgba(0,0,0,10.8); }
HTML
<div class="overlay"></div> <button class="overbtn">PUSH</button>