JQuery Affichage DIV sur Hover et New Div Séjours

Question

J'ai actuellement un DIV class = "toggle-Drop2" qui contient le texte "VOIR PLUS"

Sous DIV est un autre DIV avec id = "category-goutte "

Avec l'JQuery actuelle:

jQuery('document').ready(function(){ 
jQuery(".toggle-drop2").hover(function() { 
$this = jQuery(this); 
$this.hasClass('open') ? ($this.removeClass('open')) : $this.addClass('open'); 
jQuery('#category-drop').slideToggle(); 
}); 
}); 

Lorsque vous passez la souris sur la "bascule-Drop2" DIV, la "catégorie DIV-drop" apparaît. Est-ce que quelqu'un sait maintenant comment je peux faire en sorte que la DIV "catégorie-drop" reste si je la survole?

À l'heure actuelle, si je survole le DIV «catégorie-drop», le DIV disparaît.

Le code HTML est ceci:

<div id="toggle-drop-link-container" align="center"> 
<a href="#" class="toggle-drop2">ALL ITEMS</a> 
</div> 

<div id="category-drop"> 
Something here 
</div> 

Answer 1

Nest: les éléments

<div class="toggle-drop2"> 
    <div id="category-drop"> 
     <!-- dropdown content --> 
    </div> 
</div> 

js

jQuery(document).ready(function($){ 
    $(".toggle-drop2").hover(function() { 
     $(this).toggleClass('open'); 
     $('#category-drop').slideToggle(); 
    }); 
});