HTML:<div class="display-none">
CSS:.display-none { display: none; }
JS:removeClass('display-none')
和 addClass('display-none')
是否可以在 div.display-none 丢失/获取 display-none 类时创建“淡入”和“淡出”效果?
我可以让它只在使用 CSS 效果时起作用,比如悬停:
.random-btn {
background-color: red;
transition-timing-function: ease;
transition-delay: 1s;
transition-duration: 0.5s;
}
.random-btn:hover {
background-color: blue;
}
最佳答案
您当然可以通过在 jQuery 中使用 .fadeToggle() 而不仅仅是 toggleClass。
演示:https://codepen.io/anon/pen/daWMjp
您还可以在此处阅读有关效果的 jQuery 文档的更多信息:http://api.jquery.com/category/effects/
HTML
<div class="this-div">
<p>Text in the Div</p>
</div>
<div>
<button class="toggle-btn">Toggle Hide/Show</button>
</div>
CSS
.display-none{
display:none;
}
jQuery
$('.toggle-btn').click(function(){
$('.this-div').fadeToggle('display-none');
});
关于html - 创建 "showing"和 "hiding"效果时div是否有display-none,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54488221/