时间戳

首页 > 解决方案 > 如何在jQuery中添加淡入效果

javascript - 如何在jQuery中添加淡入效果

问题描述

如何在单击 div 时添加淡入效果。我有一个配置文件菜单下拉菜单，点击事件是用 jQuery 制作的。另外，如果我点击外面的任何地方，如何关闭它？

这是代码

jQuery(document).ready(function(){
    jQuery(".profile_link_header").click(function(){
        jQuery(".dropdown").toggleClass("active");
    })
});

CSS

.dropdown.active{
    display: block;
}

标签： javascriptjquerycss

解决方案

如果没有您的 html 代码，您只需在选择器上添加淡入：

$(document).ready(function(){
    $(".profile_link_header").click(function(){
        $(".dropdown").toggleClass("active").fadeIn("slow");;
    })
});

我想这是在您的 .dropdown 类上，否则您将 faeIn 应用于所需的选择器

推荐阅读