Problem mit ternary operator

Jan-Frederik Stieler

Monsterator
Moderator
Hallo,
ich verstehe nicht warum der die beiden ternary operatoren
Javascript:
$('.menu-toggle i').text(($(this).text() === 'menu') ? 'close' : 'menu');
$('.menu-toggle').css('cursor', ($(this).css('cursor') === 'w-resize') ? 'e-resize;' : 'w-resize');
nicht richtig funktionieren.
Ich sehe in den Developer Tools das die Elemente angesprochen werden und auch der cursor ändert sich einmal aber nicht mehr zurück und das Icon ändert sich garnicht.
Javascript:
$(window).load(function(){
    var slider        = $('.main-menu'),
        language     = $('.language-menu'),
        isOpen         = slider.hasClass('slide-in'),
        isClose     = slider.hasClass('slide-out'),
        menuHeight     = $('.stickymenu .menu').outerHeight();
   
    if ($(window).width() <= 992){   

           //OffCanvas main-Menu
        $('.menu-toggle').on('click touchstart', function(event) {
            event.preventDefault();
                   
            if($('body').hasClass('stickymenu')){
                slider.attr('class', slider.hasClass('slide-in') ? 'main-menu container-small slide-out' : 'main-menu container-small slide-in');
                $('.menu-toggle i').text(($(this).text() === 'menu') ? 'close' : 'menu');
                $('.menu-toggle').css('cursor', ($(this).css('cursor') === 'w-resize') ? 'e-resize;' : 'w-resize');
            }
            else {
                var target = $('main section').first().attr('id'),
                    target = '#'+target;
               
                $('body').animate({scrollTop:$('#inquiry').offset().top}, '1000', function (){           
                    location.hash = target;
                    slider.attr('class', slider.hasClass('slide-in') ? 'main-menu container-small slide-out' : 'main-menu container-small slide-in');
                    $('.menu-toggle i').text(($(this).text() === 'menu') ? 'close' : 'menu');
                    $('.menu-toggle').css('cursor', ($(this).css('cursor') === 'w-resize') ? 'e-resize;' : 'w-resize');
                });   
            }
        });
    }
});
HTML:
<nav role="navigation" class="menu gold-bg">
    <button class="menu-toggle btn btn-link white visible-xs visible-sm"><i class="material-icons">menu</i><span class="">Menü</span></button>
    <ul class="main-menu container-small" data-open="false">
                <li>
            <a href="#inquiry" class="active">Reservierung</a>
        </li>
                <li>
            <a href="#concept">Konzept</a>
        </li>
                <li>
            <a href="#rooms">Zimmer</a>
        </li>
                <li>
            <a href="#gallery">Galerie</a>
        </li>
                <li>
            <a href="#service">Preise</a>
        </li>
                <li>
            <a href="#contact">Kontakt</a>
        </li>
                <li>
            <a href="#partner">Partner</a>
        </li>
                <li>
            <a href="#map">Anfahrt</a>
        </li>
            </ul>
</nav>
 
Zurück