Wie kann ich Scroll aktivieren und deaktivieren, indem ich mit jquery auf dasselbe Element klicke?

Question

Ich möchte den Bildlauf deaktivieren, wenn auf das 'Menüsymbol' meiner Seite geklickt wird, und dann den Bildlauf erneut aktivieren, wenn das Menü erneut angeklickt wird, um zu schließen.

Ich versuche, etwas wie folgt aus:

$(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'});  
    } 

    }); 
    }); 

aber ich brauche Hilfe, weil ich Art von Neuling auf dieser Sprache bin

Answer 1

Sie toggle() statt show

setzen sollten

Toggle: Anzeigen oder Ausblenden der übereinstimmenden Elemente.

$(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'});  
     } 
    }); 
    });