使用 jQuery 切换 CSS

Question

$('.work').click(function(e){
    $('.information-overlay').fadeOut();
    $('.work-overlay').fadeToggle();
    $('body').toggleClass('overflow');
    e.preventDefault();

});

$('.information').click(function(e){
    $('.work-overlay').fadeOut();
    $('.information-overlay').fadeToggle();
    $('body').toggleClass('overflow');
    e.preventDefault();

});

我有以下代码可以在.information单击时切换叠加层，并在overflow:hidden与toggleClass.

但是，如果我单击.work和 THEN .information，它会破坏toggleClass.

Answer 1

$("body").css("overflow", "hidden");

查询 CSS

或者切换

CSS：

.hidden {
   overflow: hidden;
}

查询：

$("body").toggleClass("hidden");