jquery klicken Sie auf toggle-Funktion

Ich bin mit dem unten zum öffnen und schließen eines Menü onclick - aber am wichtigsten ist, ändern Sie den link-text aus dem 'Menü' auf 'Schließen'.

Gibt es eine Möglichkeit, ändern Sie den 'Schließen' - text-link zurück zu 'Menü' heraus mit Klick auf den link, sondern indem Sie auf eine beliebige Stelle auf der Seite?

<span class="menu-link">Menu</span>
<span class="menu-link" style="display:none">Close</span>

    <script type="text/javascript">
       jQuery(function() {
        jQuery(".menu-link").click(function()
         {                     
          jQuery(".menu-link").toggle();
          });
       });
    </script>

Dank

InformationsquelleAutor user3544484 | 2014-06-17
  1. 2

    Hinzufügen eine click-Ereignis an das body-tag, so dass, wenn Sie klicken Sie irgendwo auf die Seite, so schaltet er oder Sie hätte es nur Arbeit, es zu ändern zurück ins Menü.

    jQuery("body").click(function () {
        jQuery(".menu-link").toggle();
    });
    • Danke... wie Verbinde ich die 2 - einschließlich der Körper-click-Ereignis?
    • Ignorieren, dass - alle sortiert... danke 😉
    InformationsquelleAutor swestfall
  2. 1

    Durch dies ersetzen:

    jQuery(".menu-link").toggle();

    mit dabei:

    $.trim($(this).text()) == "Menu" ? $(this).text("Close") : $(this).text("Menu");

    Und für diese brauchen Sie nicht zu haben, zwei umfasst auch $.trim() entfernen Sie alle führenden bzw. nachgestellten Leerzeichen.

    Demo

    InformationsquelleAutor Jai
Schreibe einen Kommentar