javascript - 单击图像时如何隐藏导航栏

Question

如何在点击图片时隐藏导航栏？

这是图片的代码:

 <a href="gallery/1.png" class="fancybox" rel="ligthbox">
  <img src="gallery/1.png" class="zoom img-fluid">         
 </a>

我不会包含我尝试过的代码，因为它不清楚而且我不擅长 javascript。

抱歉我的英语不好，希望你们能理解!

Answer 1

如果您的 button 类是 btn 并且 navigation bar 类是 navbar

使用 JavaScript

var btn = document.querySelector('.btn');
btn.onclick = function() {
    var navbar = document.querySelector('.navar');
    navbar.style.display = "none";
}

使用 jQuery

$('.btn').on('click', function(event) {
    $('.navar').hide();
});