• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Aus zwei mach eins...

S

svenmann

Guest
Guten Abend alle zusammen,
ich habe ein Problem mit zwei Sode Schnippseln.

Der erste Code brauche ich um ein Overlay Menu zu öffnen und zu schließen
Code:
$(document).ready(function() {
  $('.open-menu').on('click', function() {
     $('.overlay').addClass('open');
  });
 
  $('.close-menu').on('click', function() {
    $('.overlay').removeClass('open');
  });
});

und den zweiten Code brauche ich um animierte "Hamburger-Bars" zu erstellen.

Code:
  var $hamburger = $(".hamburger");
  $hamburger.on("click", function(e) {
    $hamburger.toggleClass("is-active");
    // Do something else, like open/close menu
  });

--> Hier der Link zu dem Hamburger Menu

Jetzt folgendes Problem
Ich hätte die beiden Codes gerne so,wenn die Klasse .hamburger aktiv ist (dann bilden die drei Horizontalen Linien ein X) und ich dann auf das "X" drücke, das Overlay Menu wieder geschlossen wird.

Ich hoffe ich habe mein Problem plausibel erklären können :p


Danke im Voraus und Gruß
Svenmann
 
Moin,
mein Problem ist, dass ich diese zwei Codes zu einem zusammen basteln möchte, mir aber dazu das nötige Wissen fehlt.
 
@mikdoe
Am liebsten würde ich es ja selbst machen,
aber ich habe mich noch nicht viel mit JavaScript auseinander gesetzt um dass Scipt selbst zu schreiben.

ich wäre über jede Hilfe dankbar

@Dormilich
Das hatte ich schon versucht.
 
es ist weder das overlay "aufgegangen" noch haben sich die hamburger bars zu einem X bewegt
 
Zurück
Oben