JQuery的顯示DIV住

Question

我目前有一流的DIV =「切換-drop2」包含文字「查看更多」

在這個DIV是使用id =「類降另一個DIV 「

與當前的JQuery：

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(); 
}); 
}); 

當你將鼠標懸停在 」切換-drop2「 DIV的 」類降「 DIV就會出現。現在有沒有人知道如果我將鼠標懸停在「分類放置」DIV上，我該如何做？

現在，如果我將鼠標懸停在「category-drop」DIV上，DIV消失。

的HTML是這樣的：

<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

巢的元素：

<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(); 
    }); 
});