如何通過單擊與jQuery相同的元素來啟用和禁用滾動？

Question

我想在單擊頁面的“菜單圖標”時禁用滾動，然后在再次單擊菜單關閉時再次啟用滾動。

我正在嘗試這樣的事情：

$(document).ready(function(){

  $(".menu").click(function (e) {
    $(".menucontent").show();
    if ( $(".menucontent").is(":visible")) {
      $('html, body').css({ overflow: 'hidden', height: '100%'});
    }else{
      $('html, body').css({ overflow: 'auto', height: 'auto'});      
    }

  });
  });

但我需要一些幫助，因為我是這種語言的新手

Answer 1

你應該把toggle()代替show

toggle ：顯示或隱藏匹配的元素。

$(document).ready(function(){
  $(".menu").click(function (e) {
    $(".menucontent").toggle();
      if ( $(".menucontent").is(":visible")) {
        $('html, body').css({ overflow: 'hidden', height: '100%'});
      }else{
        $('html, body').css({ overflow: 'auto', height: 'auto'});      
      }
    });
  });