首页   技术笔记   网址导航   Json在线解析   二维码   Ip地址查询   在线流程图  
新用户注册 | 会员登录
当前位置:  开发笔记 > 编程语言 > 正文

显示隐藏文本与淡入淡出效果以及背景div？

作者：Chloemw | 2023-09-09 19:51
如何解决《显示隐藏文本与淡入淡出效果以及背景div？》经验，为你挑选了1个好方法。

单击主文本时我应用了淡入淡出效果.但是它背后的div在
效果期间有点粗糙.隐藏文本显示为淡入效果,但div不显示.
如何使div与文本一起淡出.这是小提琴.http://jsfiddle.net/BreMW/826/

$(document).ready(function(){
    $(".toggle").click(function(){
       $(this).find(".hide").fadeToggle();
    });
});
.hide {
  display: none;
}
@import url(https://fonts.googleapis.com/css?family=Questrial);

   .spcredit{
    color:#666666;
    font-family: 'Questrial', sans-serif;
    text-transform:uppercase;
    font-size:9px;
    }
.category {
width:440px;
padding-top:10px;
margin-bottom:40px;
background:white;
text-align:justify;
box-shadow:0px 3px 10px rgba(0,0,0,.15)
}






text1


hidden text1

出于某种奇怪的原因,它在预览中不起作用.这是FIDDLE.



1> okolimar..：

用slideToggle()而不是fadeToggle()

编辑:如果你想同时使用淡入淡出和滑动,你需要使用另一个包装器.编辑小提琴

推荐阅读
devbox
Chloemw
这个屌丝很懒，什么也没留下！
关注作者
Tags | 热门标签
RankList | 热门文章
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有