2017-04-03 7 views
0

Die Website ist http://109.74.0.128/~app/assistanstv/assistanstv/www.assistans.tv/tv.htmlToggle Nav Öffnen nicht

HTML:

<nav class="menu"> 
    <ul class="active"> 
     <li class="current-item"><a href="#">Home</a></li> 
     <li><a href="#">Barnasisstans</a></li> 
     <li><a href="#">Intervjuer</a></li> 
     <li><a href="#">Juridik</a></li> 
     <li><a href="#">LSS2020</a></li> 
     <li><a href="#">Resor</a></li> 
     <li><a href="#">Utbildning</a></li> 
    </ul> 

    <a class="toggle-nav" href="#">&#9776;</a> 
    </nav> 

jquery

jQuery(document).ready(function() { 
    jQuery('.toggle-nav').click(function(e) { 
     jQuery(this).toggleClass('active'); 
     jQuery('.menu ul').toggleClass('active'); 

     e.preventDefault(); 
    }); 
}); 

der CSS-Code ist zu lang, ich kann es auf jeden Fall bekommen arbeiten. Das macht mich bald verrückt. Was ist los mit dir?!

Bearbeiten: Problem gelöst. Das Problem war

es war ein/am Ende. Ich löste es durch gelöscht die letzte/

+0

Fix anderen Fehler in Ihrem Skript zuerst – guradio

+0

Fehler erhalten TypeError: t.items [0] ist undefined –

+0

Sie haben einen Fehler? –

Antwort

0

Ich glaube, Sie wollen dieses:

$(document).ready(function() { 
    $('.toggle-nav').click(function(e) { 
      $('.toggle-nav').removeClass('active') 
     $(this).toggleClass('active'); 
     $('.menu ul').toggleClass('active'); 
     e.preventDefault(); 
    }); 
}); 

CSS

.active { 
    background:tomato; 
} 

diese Klasse nur eine Probe für die Hin- und Herschalten der Klasse zeigt

updatelink of your code

Verwandte Themen