unterliste2 macht kein display: none; wenn sie "is-active" === true ist

[TSchertenleib]

befindet sich in: assets/js/main.js

auf zeile 134

function toggleHandler(toggle) {
    toggle.addEventListener( "click", function(e) {
      e.preventDefault();

      if  (this.classList.contains("is-active") === true) {
        this.classList.remove("is-active");

                $('.unterliste2').animate(
            {
                opacity: 0

            },
            {   
                duration: 1000,
                callback: function () {
                      $('.unterliste2').css("display", "none");
                }
           });

          }else{
            this.classList.add("is-active");
            $('.unterliste2').css("display", "block");
            $('.unterliste2').animate({ opacity: 1 }, 1);
            $('.unterliste2').css("overflow", "hidden");
          }

        });

  }

es sieht so aus, als würde in der callback funktion das callback gar nicht ausgeführt werden.

[TSchertenleib]

@d-simon

befindet sich in: assets/js/main.js

auf zeile 134

function toggleHandler(toggle) { toggle.addEventListener( "click", function(e) { e.preventDefault();

  if  (this.classList.contains("is-active") === true) {
    this.classList.remove("is-active");

            $('.unterliste2').animate(
        {
            opacity: 0

        },
        {   
            duration: 1000,
            callback: function () {
                  $('.unterliste2').css("display", "none");
            }
       });

      }else{
        this.classList.add("is-active");
        $('.unterliste2').css("display", "block");
        $('.unterliste2').animate({ opacity: 1 }, 1);
        $('.unterliste2').css("overflow", "hidden");
      }

    });

} es sieht so aus, als würde in der callback funktion das callback gar nicht ausgeführt werden.

[TSchertenleib]

das markup befindet sich in:

site/snippets/menu.php

<button class="c-hamburger c-hamburger--htx">
  <span>toggle menu</span>
</button> -->

<header>
      <div id="start-navibackground">
        <nav id="logo">
          <ul class="unterliste1">
            <li><a href="home">BINZENHOF</a></li>
          </ul>
        </nav>          
        <nav id="start-navigation">
          <ul class="unterliste2">
            <li><a href="unser-bauernhof">Unser Bauernhof</a></li>
            <li><a href="events">Events</a></li>         <li><a href="hoflaedeli">Hoflädeli</a></li>
            <li><a href="kontakt">Kontakt</a></li> 
          </ul>
        </nav>
        <button class="c-hamburger c-hamburger--htx">
          <span>toggle menu</span>
        </button>
      </div>
    </header>

[TSchertenleib]

argh han grad usegfunde dass die und wahrschinli au die ander issue dezue füered, dass mer wieder d links im hintergrund nüme chan betätige will die (unsichtbar aber nöd display none gschalteti navigation) über em content liit, was dezue füert dass mer zuefällig uf en linkt vo de navigation druckt, au wänn si gar nöd sichtbar isch...