[FotGOD]

.menu-button.active span:nth-child(1),
.menu-button.active span:nth-child(4) {
    opacity: 0;
}

.menu-button.active span:nth-child(2) {
    transform: rotate(45deg);
}

.menu-button.active span:nth-child(3) {
    transform: rotate(-45deg);
}

Вот. По библиотеке jquery оно работает. Но я хочу на чистом Js это сделать. не подключать же ее ради такого маленького дела.

$(document).on('click', '.menu-button', function(){
    const $this =  $(this);
    $this.toggleClass('active');
    mobileMenu.slideToggle();
});