Javascript 显示和隐藏dt&；悬停

我正在为

dd&dt

使用一个切换类，它工作正常，但我想在悬停时显示和隐藏如何使用它

<div class="navigation">
                    <dt><?php echo $this->__($_filter->getName()) ?></dt>
                    <dd><?php echo $_filter->getHtml() ?></dd>
                </div>

 <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
    <script type="text/javascript">
    jQuery=$.noConflict();
    jQuery(document).ready(function() {
        jQuery('.navigation dd').hide(); 

        jQuery('.navigation dt').click(function(){ 
                jQuery(this).next('dd').slideToggle('slow');
                jQuery(this).toggleClass('glace_navigationlayer-collapsed'); 


            });


     }); 
    </script>

jQuery=$.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（'.navigation dd'）.hide（）；
jQuery（'.navigation dt'）。单击（函数（）{
jQuery（this）.next（'dd'）.slideToggle（'slow'）；
jQuery（this）.toggleClass（'glace_navigationlayer-collapsed'）；
});
}); 

您可以使用本机的

.hover（）

函数…这需要两次回调，第一次是在鼠标进入时要执行的操作，第二次是在鼠标离开时要执行的操作

$('.navigation').hover(addYourClass, removeYourClass)

function addYourClass(){
     $('.navigation').addClass('toggledClass')
}

function removeYourClass(){
     $('.navigation').removeClass('toggledClass')
}

试试看

jQuery（'.navigation dd'）.hide（）；
jQuery（'.navigation dt'）.on（'mouseenter mouseleave'，function（）{
jQuery（this）.next（'dd'）.slideToggle（'slow'）；
jQuery（this）.toggleClass（'glace_navigationlayer-collapsed'）；
});

铬
由谷歌
游猎
苹果公司
这必须非常直截了当。不确定为什么下面的代码不能为您工作


var$=jQuery；
$（文档）.ready（函数（）{
$（'.navigation dd'）.hide（）；
$（'.navigation dt'）.hover（函数（）{
$（this.next（'dd'）。stop（true）。slideToggle（'slow'）；
$（this.toggleClass（'glace_navigationlayer-collapsed'）；
});
}); 

你的DT
你的弟弟
您不应该使用Javascript在悬停状态下显示和隐藏元素。CSS将是一个更好的选择


.navigation dt:hover+dd{
显示：无；
}
/*不在乎这个代码*/
.导航dt{
背景色：红色；
}
.导航dd{
背景颜色：绿色；
}

dt
dd
你看过jQuery文档中的示例了吗？没有，你可以推荐一些示例，但我需要dd&dt而不是div类，我已经看到了div，它与元素类型无关。你能给我们看看你的html代码吗？检查我的更新问题谢谢，它工作正常，如何将相同的内容添加到下拉列表中我也不明白。要隐藏悬停时的下拉列表，还是显示悬停时的下拉列表项？对我来说，这两种行为都不是正常的。单击鼠标上有一个下拉列表，只显示我需要的悬停画面。你可以使用与上面相同的方法。只需将
.navigation dt
替换为您悬停的元素
类名、id或标记名
，然后编写代码以在其中显示下拉列表。我无法选择单击dd值检查您的示例是否相同
$('.navigation').hover(addYourClass, removeYourClass)

function addYourClass(){
     $('.navigation').addClass('toggledClass')
}

function removeYourClass(){
     $('.navigation').removeClass('toggledClass')
}