Dodanie klasy do body przy rozwiniętym menu

Witam jak w temacie, chciałbym dodać do body klasę która zablokuje przewijanie strony, dodałem taki kod, ale niestety nie działa ;/

$(document).ready(function(){
if ( $('.navbar-collapse.justify-content-end.collapse').hasClass('show') ) {
$('body').addClass('blokowaniestrony');
}
});

tak wygląda klasa z rozwiniętym menu :

Twój kod sprawdza tylko raz (na początku działania skryptu) czy navbar ma daną klasę (czyli gdy navbar będzie miał tę klasę na przykład dopiero po kilku sekundach od otworzenia strony, Twój kod tego nie wykryje).

Java to nie JS ;-) - Patryk27
Przepraszam za błędny dział, czy istnieje osobny dział JQ?

Kurcze nie bardzo wiem jak się za to zabrać i czy próbuje użyć właściwej klasy w momencie rozwinięcia button odpowiedzialny za to ma taką klasę

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="true" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

i wtedy chciałbym aby body dostało dodatkową klasę, a zwinięty występuje w takiej postaci

<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

i tutaj aby została ta klasa zdjęta z body

Zmienia się również div navbar - tutaj jak jest menu zwinięte

<div class="navbar-collapse justify-content-end collapse " >

a tutaj jak menu rozwinięte

<div class="navbar-collapse justify-content-end collapse show" >

Czy jest to obojętne, której klasie będę nadawał warunek?
Znacie jakieś przykłady jak powinien wyglądać taki zapis, dzięki za odpowiedzi. Pozdrawiam

Dobra panowie udało się kod wygląda tak

jQuery(document).ready(function( $ ){
$(".navbar-toggler").click(function() {
$('body').toggleClass('modal-open');
});
});

Żeby Jquery zadziałało w Wordpresie musiałem dodać

jQuery(document).ready(function( $ ){

Jeszcze jedno pytanie czy do toggleClass można dodać styl css toggleClass('Background','#000')?

Nie, nie możesz wprost robić toggle dla atrybutów CSS.