Hallo,
ich verstehe nicht warum der die beiden ternary operatoren
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.
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');
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>