を示していない私は、以下のように私の1ページテンプレート用のブートストラップ側のNAVを使用: ブートストラップ・サイド・ナビゲーション
<head>
<script> jQuery(document).ready(function(e){ $('#mySidenav ul li a').on('click', function(e){
$(".sidenav").hide(); }); }); </script>
<script type="text/javascript"> <!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
} //--> </script>
</head>
Nav div code
<nav>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onClick="closeNav()">×</a>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#testimonial">Testimonial</a></li>
<li><a href="#map">Map</a></li> <li><a href="#contact">Contact</a></li>
</ul>
<div class="ad"><img src="assets/images/ad.jpg" alt="ad">
</div>
</div>
<span style="font-size:30px;cursor:pointer" onClick="openNav()" class="open">☰</span>
<script> function openNav() {
document.getElementById("mySidenav").style.width = "250px"; }
function closeNav() {
document.getElementById("mySidenav").style.width = "0"; }
</script>
</nav>
こんにちはとのStackOverflowへようこそ。適切な質問をし、ガイドラインに従って改善する方法については、https://stackoverflow.com/help/how-to-askを参照してください。 –
こんにちは、同じdivのアンカーリンクをクリックしてdivを非表示にすることは可能ですか? –