关键词：
【中文标题】Jquery淡入+切换类（隐藏）【英文标题】：Jquery fadeIn + toggleclass(hide) 【发布时间】：2014-07-12 08:32:05 【问题描述】：我想要的效果是 (1) “abc” div 最初没有显示，(2) 它在页面加载时慢慢淡入，(3) 页面上有一个按钮，onclick 可以切换“隐藏” “abc” div 上的类，以便我可以隐藏/显示它。
我试图实现这些目标的方式是： (1) 设置“abc” div 显示：无；最初在我的 CSS (2)使用jquery的fadeIn属性 (3) 有一个可以切换它的按钮
我知道我的按钮适用于隐藏/显示，然后我将任何 jquery 用于淡入淡出。 我知道 fadeIn 有效，因为我可以看到它淡入 但是关于这两者的一些东西意味着当它像这样淡入时，隐藏/显示按钮在元素上不起作用，即使它在我设置 display: none; 之前就起作用了。就它并尝试了jquery。
请帮忙！
我试图制作一个 jsfiddle，但它并没有完全工作。但是您可以看到我正在使用的代码的基础知识：http://jsfiddle.net/3bSB2/4/
这是其中的一部分（此代码是必需的，以便我可以包含 jsfiddle：
$(window).on("load", function()
$(".abc").fadeIn(525);
);
【问题讨论】：
【参考方案1】：这是因为.fadeIn() 使用了内联css。
要解决您的问题，请将!important 添加到您的display:none
像这样
.hide
display: none!important;
demo
或者如果你只是显示/隐藏，没有额外的css样式，你可以像这样使用.toggle()而不是.toggleClass()
$(".abc").toggle();
demo
【讨论】：
jquery效果：隐藏显示切换滑动淡入淡出动画
jQuery效果隐藏、显示、切换、滑动、淡入淡出、以及动画1、隐藏与显示(改变：display：none;)hide()——隐藏show()——显示toggle()方法：可以使用它来切换hide()与show()方法eg1：显示<styletype="text/css">*{margin:0;padding:0;}.body{font-size:12px... 查看详情
jquery基础（动画篇animate，显示隐藏，淡入淡出，下拉切换）
1.jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hi... 查看详情
jQuery - 隐藏的类没有用淡入淡出显示
】jQuery-隐藏的类没有用淡入淡出显示【英文标题】：jQuery-hiddenclassisnotbeingdisplayedwithfadeIn【发布时间】：2022-01-1423:36:19【问题描述】：我有一个隐藏类fadeThis，当我将鼠标悬停在按钮上时它不会出现。也许它与另一个类/div发生冲... 查看详情
jquery效果-显示和隐藏淡入淡出滑动隐藏
jQuery效果-隐藏和显示:hide()和show()规定隐藏/显示的速度，可以取以下值："slow"、"fast"或毫秒您可以使用toggle()方法来切换hide()和show()方法。parents找到每个span元素的所有祖先元素。$("span").parents()找到每个span的所有是p元素的祖先... 查看详情
jquery-02.样式表属性操作/类操作动画显示隐藏滑入淡入停止动画节点操作添加对象清空节点
样式表属性操作.css $("div").css({‘width‘:100,‘height‘:100,‘background‘:‘red‘}); $("div").css("background","pink");类操作 .addClass添加类 $("div").addClass("class"); .removeClass删除类 $("div).removeCl 查看详情
jquery(代码片段)
jQuery选择器$（this）选择当前HTML元素$（“p") 选择所有<p>元素$(".left")选择所有类名为left的元素$("p.left")选择所有类名为left的p标签$(“#id”)选择id为id的元素$("#idp")选择id下的所有p标签$("ulli：first")选择<ul>中的第一个&... 查看详情
jquery之动画操作篇
1.隐藏/显示（操作的是displagcss属性）hide()show()toggle()(显示和隐藏切换)2.上卷/下拉（设置的位置的heightcss属性）slideDown()slideUp()slideToggel()(上卷和下拉切换)3.淡入/淡出（设置的是opacitycss属性）fadeOut()fadeIn()fadeToggle()(淡入淡出的切... 查看详情
jquery--基础动画滑动动画淡入淡出动画自定义动画
1/**2*【JQ基础动画】3*show()显示4*hide()隐藏5*toggle()切换6*默认无动画，如果要产生动画7*在括号内，添加毫秒数，可产生动画和控制动画的快慢8*9*《滑动动画》10*slideDown()滑动显示(下)11*slideUp()滑动隐藏(上)12*slideToggle滑动切换13*默... 查看详情
jquery特效
基本特效 方法说明.show()显示选中的元素.hide()隐藏选中的元素.toggle()在选中元素上切换显示和隐藏的状态 淡入淡出特效 方法说明.fadeIn()淡入选中元素使其变得不透明.fadeOut()淡出选中的元素使其变得透明.fadeTo()修... 查看详情
jquery-2
隐藏/显示$(‘div’).hide();隐藏$(‘div’).show();显示$(‘div’).toggle();切换淡入淡出$(div).fadeIn(speed,callback);淡入$(div).fadeOut(speed,callback);淡出$(div).fadeToggle(speed,callback); 查看详情
jQuery 淡入淡出切换
】jQuery淡入淡出切换【英文标题】：Jqueryfadetoggle【发布时间】：2013-02-2404:23:57【问题描述】：我正在尝试使用jqueryfadetoggle来平滑淡入和淡出。除了一件事，一切都很好。当你悬停段落时，工具提示会淡入，当你离开段落时，工... 查看详情
隐藏和显示 - 使用淡入淡出的幻灯片切换
】隐藏和显示-使用淡入淡出的幻灯片切换【英文标题】：HideandShow-slideTogglewithfadeIn【发布时间】：2012-12-2004:52:04【问题描述】：我有一个包含三个链接的菜单，linkOne、LinkTwo、linkThree。linkOne：我打开了一个slideToggle。它就像我想... 查看详情
jQuery切换多个类
】jQuery切换多个类【英文标题】：jQuerytogglemultipleclasses【发布时间】：2015-03-0307:58:45【问题描述】：我想使用jQuery切换在同一个类上显示/隐藏多个div。目前，按钮显示/隐藏所有div。我怎样才能让它切换一个div而不使类唯一？Fidd... 查看详情
jquery效果
jQuery效果 （一）隐藏和显示隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！点击 消失结果为：() 查看详情
jquery效果之隐藏与显示淡入淡出滑动回调
隐藏与显示淡入淡出滑动效果 查看详情
jquery知识点
1、jQuery效果 hide()隐藏 show（）显示 toggle（）切换显示隐藏 语法（speed，callback） speed规定隐藏显示的速度slowfast还有毫秒（2000） callback回调函数执行完之后再执行函数 fadeIn（）淡入 fadeOut... 查看详情
jquery动画（显示隐藏，淡入淡出，滑动）
...伸缩样式淡入淡出效果淡入效果淡出效果自定义不透明度jQuery的动画函数分类基本动画函数：既有透明度渐变，又有滑动效果。是最常用的动画效果函数滑动动画函数：仅使用滑动渐变效果淡入淡出动画函数：仅... 查看详情
jquery动画
.fadeOut()淡出动画、.fadeIn()淡入动画、.fadeToggle()淡入淡出切换和淡入效果.fadeTo()1 .fadeOut()淡出动画,淡出效果，内容隐藏，opacity是1到02 常见让元素在页面中不可见的方法有 通过设置样式的display:none&nb... 查看详情