Jquery Dropdown-Menü aus navbar nicht richtig

Question

funktioniert habe ich eine Drop-Down-Bar in jquery:

$(document).ready(function(){ 
 
     $(".dropbtn").hover(function(){ 
 
      $(".dropdown-content").slideDown("fast"); 
 
      $(".dropdown-content").show; 
 
     }); 
 
     $(".dropdown").mouseout(function(){ 
 
      $(".dropdown-content").slideUp("fast"); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li class="dropdown"> 
 
    <a href="javascript:void(0)" class="dropbtn">##</a> 
 
     <div class="dropdown-content"> 
 
     <a href="#">##</a> 
 
     <a href="#">##</a> 
 
     </div> 
 
    </li> 
 
    </ul>

Wenn ich über den Drop-Down-li schweben, der Drop-Down-Inhalt nach unten gleitet, aber ich kann‘ Bewegen Sie den Mauszeiger über den Inhalt, ohne dass er nach oben rutscht. Ich weiß, dass das Problem in der Mouseout-Funktion in jQuery liegt, aber nichts, was ich versucht habe, kann es beheben.

Answer 1

Try this:

<script> 
    $(document).ready(function() { 
    $(".dropbtn").hover(function() { 
     $(".dropdown-content").slideDown("fast"); 
     $(".dropdown-content").show(); 
    }); 

    $(".dropdown-content").hide(); 

    $(".dropdown").mouseout(function() { 
     $(".dropdown-content").mouseout(function() { 
      $(".dropdown-content").slideUp("fast"); 
      $(".dropdown-content").show(); 
     }); 

    }); 
}); 
</script>