Aus zwei mach eins

Hallo 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, dass 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 [Blockierte Grafik: http://forum.jswelt.de/images/smilies/tongue.png]

Danke im Voraus und Gruß

Svenmann