0

現在、「VIEW MORE」というテキストを含む class="toggle-drop2" の DIV があります。

この DIV の下には、id="category-drop" を持つ別の 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();
});
});

「toggle-drop2」DIV にカーソルを合わせると、「category-drop」DIV が表示されます。「カテゴリドロップ」DIVにカーソルを合わせると、そのDIVを維持する方法を知っている人はいますか?

現在、「カテゴリ ドロップ」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>
4

1 に答える 1

2

要素をネストします。

<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();
    });
});
于 2013-10-04T12:59:19.710 に答える