jQuery折叠层，默认闭合，点击收缩和展开效果

　　刚刚介绍了一款利用jQuery实现的折叠层，点击收缩和展开效果，默认情况下是展开的，可能有的童鞋需要默认情况是闭合的，现在就来分享一下，这里主要是用JavaScript代码定义的，在此提示，第一次运行请刷新一下页面，让远程的jQuery插件载入。

　　为解决一些网页特效运行后不能显示效果(例如：jQuery则需要刷新)问题，烈火特别新增网页版演示。

　　点击查看：网页特效

　　运行演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html;charset=gbk" /><br /> <title>jquery 收缩展开效果</title><br /> <script type="text/javascript" src="/uploads/common/js/jquery-1.4.2.min.js"></script><br /> <style><br /> /* 收缩展开效果 */<br /> .text{line-height:22px;padding:0 6px;color:#666;}<br /> .box h1{padding-left:10px;height:22px;line-height:22px;background:#f1f1f1;font-weight:bold;}<br /> .box{position:relative;border:1px solid #e7e7e7;}<br /> h1{font-size:16px;}<br /> </style><br /> </head><br /> <body><br /> <script type="text/javascript"><br /> // 收缩展开效果<br /> $(document).ready(function(){<br /> // $(".box h1").toggle(function(){<br /> // $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");<br /> // },function(){<br /> //$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");<br /> /</p> <div class="clearfix mb-3"></div> <nav class="navigation post-navigation" aria-label="文章"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.0573zz.cn/html/huodong/20180814/75512.html" rel="prev"><div class="fas fa-angle-double-left"></div><span> JS弹出层代码层居中并可以关闭和拖拽</span></a></div><div class="nav-next"><a href="https://www.0573zz.cn/html/huodong/20180814/75514.html" rel="next"><span>利用jQuery实现的折叠层，点击收缩和展开效果</span> <div class="fas fa-angle-double-right"></div></a></div></div> </nav> </article> </div> <div class="bs-info-author-block py-4 px-3 mb-4 flex-column justify-center text-center"> <a class="bs-author-pic" href="https://www.0573zz.cn/html/author/dawei"><img alt='' src='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=150&d=mm&r=g' srcset='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' loading='lazy' decoding='async'/></a> <div class="flex-grow-1"> <h4 class="title">由 <a href ="https://www.0573zz.cn/html/author/dawei">dawei</a></h4> <p>【声明】：嘉兴站长网内容转载自互联网，其相关言论仅代表作者个人观点绝非权威，不代表本站立场。如您发现内容存在版权问题，请提交相关链接至邮箱：bqsm@foxmail.com，我们将及时予以处理。</p> </div> </div> <div class="bs-related-post-info bs-card-box">  <div class="bs-widget-title one"> <h4 class="title"><span><i class="fas fa-arrow-right"></i></span>相关文章</h4> <div class="border-line"></div> </div>   <div class="d-grid column3"> <div class="bs-blog-post three md back-img bshre mb-lg-0" > <a class="link-div" href="https://www.0573zz.cn/html/huodong/20210413/163036.html"></a> <div class="bs-blog-category one"> <a href="https://www.0573zz.cn/html/./huodong" style="" id="category_10_color" > 活动 </a> </div> <div class="inner"> <h4 class="title md"> <a href="https://www.0573zz.cn/html/huodong/20210413/163036.html" title="网站优化的整个完整步骤"> 网站优化的整个完整步骤 </a> </h4> <div class="bs-blog-meta"> <span class="bs-author"> <a class="auth" href="https://www.0573zz.cn/html/author/dawei"> <img alt='' src='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=150&d=mm&r=g' srcset='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' loading='lazy' decoding='async'/>dawei </a> </span> <span class="bs-blog-date"> <a href="https://www.0573zz.cn/html/2021/04"><time datetime="">4 月 13, 2021</time></a> </span> </div> </div> </div> <div class="bs-blog-post three md back-img bshre mb-lg-0" > <a class="link-div" href="https://www.0573zz.cn/html/huodong/20201218/158112.html"></a> <div class="bs-blog-category one"> <a href="https://www.0573zz.cn/html/./huodong" style="" id="category_10_color" > 活动 </a> </div> <div class="inner"> <h4 class="title md"> <a href="https://www.0573zz.cn/html/huodong/20201218/158112.html" title="基于PHP实现发微博动态代码实例"> 基于PHP实现发微博动态代码实例 </a> </h4> <div class="bs-blog-meta"> <span class="bs-author"> <a class="auth" href="https://www.0573zz.cn/html/author/dawei"> <img alt='' src='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=150&d=mm&r=g' srcset='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' loading='lazy' decoding='async'/>dawei </a> </span> <span class="bs-blog-date"> <a href="https://www.0573zz.cn/html/2020/12"><time datetime="">12 月 18, 2020</time></a> </span> </div> </div> </div> <div class="bs-blog-post three md back-img bshre mb-lg-0" > <a class="link-div" href="https://www.0573zz.cn/html/huodong/20201218/158111.html"></a> <div class="bs-blog-category one"> <a href="https://www.0573zz.cn/html/./huodong" style="" id="category_10_color" > 活动 </a> </div> <div class="inner"> <h4 class="title md"> <a href="https://www.0573zz.cn/html/huodong/20201218/158111.html" title="PHP文件操作简单介绍及函数汇总"> PHP文件操作简单介绍及函数汇总 </a> </h4> <div class="bs-blog-meta"> <span class="bs-author"> <a class="auth" href="https://www.0573zz.cn/html/author/dawei"> <img alt='' src='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=150&d=mm&r=g' srcset='https://gravatar.loli.net/avatar/b955b202a225926a334dc812467c1fa8?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' loading='lazy' decoding='async'/>dawei </a> </span> <span class="bs-blog-date"> <a href="https://www.0573zz.cn/html/2020/12"><time datetime="">12 月 18, 2020</time></a> </span> </div> </div> </div> </div> </div>  </div>  <aside class="col-lg-4 sidebar-right"> <div id="sidebar-right" class="bs-sidebar bs-sticky"> <div id="custom_html-6" class="widget_text bs-widget widget_custom_html"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>广告</h2><div class="border-line"></div></div><div class="textwidget custom-html-widget"></div></div> <div id="recent-posts-4" class="bs-widget widget_recent_entries"> <div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>最新文章</h2><div class="border-line"></div></div> <ul> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176964.html">优化云客服平台的稳定性和响应速度</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176963.html">云客服具备强大的数据分析能力</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176962.html">云客服推动客户服务行业智能化升级</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176961.html">云客服系统提升企业响应速度的秘诀</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176960.html">企业开始寻求更为高效、灵活的客户服务模式</a> <span class="post-date">2024年7月4日</span> </li> </ul> </div><div id="custom_html-7" class="widget_text bs-widget widget_custom_html"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>广告</h2><div class="border-line"></div></div><div class="textwidget custom-html-widget"></div></div><div id="tag_cloud-4" class="bs-widget widget_tag_cloud"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>云标签</h2><div class="border-line"></div></div><div class="tagcloud"><a href="https://www.0573zz.cn/html/tag/2020" class="tag-cloud-link tag-link-11730 tag-link-position-1" style="font-size: 10.11320754717pt;" aria-label="2020 (1,544 项)">2020</a> <a href="https://www.0573zz.cn/html/tag/iphone" class="tag-cloud-link tag-link-1659 tag-link-position-2" style="font-size: 14.867924528302pt;" aria-label="iPhone (2,319 项)">iPhone</a> <a href="https://www.0573zz.cn/html/tag/%e4%b8%89%e6%98%9f" class="tag-cloud-link tag-link-1482 tag-link-position-3" style="font-size: 13.283018867925pt;" aria-label="三星 (2,023 项)">三星</a> <a href="https://www.0573zz.cn/html/tag/%e4%b8%8a%e7%ba%bf" class="tag-cloud-link tag-link-747 tag-link-position-4" style="font-size: 8.5283018867925pt;" aria-label="上线 (1,339 项)">上线</a> <a href="https://www.0573zz.cn/html/tag/%e4%b8%ad%e5%9b%bd" class="tag-cloud-link tag-link-102 tag-link-position-5" style="font-size: 18.301886792453pt;" aria-label="中国 (3,167 项)">中国</a> <a href="https://www.0573zz.cn/html/tag/%e4%ba%92%e8%81%94%e7%bd%91" class="tag-cloud-link tag-link-34 tag-link-position-6" style="font-size: 8.5283018867925pt;" aria-label="互联网 (1,358 项)">互联网</a> <a href="https://www.0573zz.cn/html/tag/%e4%ba%a7%e5%93%81" class="tag-cloud-link tag-link-130 tag-link-position-7" style="font-size: 8.2641509433962pt;" aria-label="产品 (1,328 项)">产品</a> <a href="https://www.0573zz.cn/html/tag/%e4%ba%ac%e4%b8%9c" class="tag-cloud-link tag-link-736 tag-link-position-8" style="font-size: 10.905660377358pt;" aria-label="京东 (1,668 项)">京东</a> <a href="https://www.0573zz.cn/html/tag/%e4%bb%80%e4%b9%88" class="tag-cloud-link tag-link-166 tag-link-position-9" style="font-size: 8.5283018867925pt;" aria-label="什么 (1,348 项)">什么</a> <a href="https://www.0573zz.cn/html/tag/%e4%bc%81%e4%b8%9a" class="tag-cloud-link tag-link-78 tag-link-position-10" style="font-size: 14.603773584906pt;" aria-label="企业 (2,289 项)">企业</a> <a href="https://www.0573zz.cn/html/tag/%e5%85%a8%e7%90%83" class="tag-cloud-link tag-link-75 tag-link-position-11" style="font-size: 13.018867924528pt;" aria-label="全球 (1,978 项)">全球</a> <a href="https://www.0573zz.cn/html/tag/%e5%85%ac%e5%8f%b8" class="tag-cloud-link tag-link-262 tag-link-position-12" style="font-size: 12.490566037736pt;" aria-label="公司 (1,896 项)">公司</a> <a href="https://www.0573zz.cn/html/tag/%e5%8a%a9%e5%8a%9b" class="tag-cloud-link tag-link-192 tag-link-position-13" style="font-size: 9.3207547169811pt;" aria-label="助力 (1,452 项)">助力</a> <a href="https://www.0573zz.cn/html/tag/%e5%8d%8e%e4%b8%ba" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 18.037735849057pt;" aria-label="华为 (3,102 项)">华为</a> <a href="https://www.0573zz.cn/html/tag/%e5%8f%91%e5%b8%83" class="tag-cloud-link tag-link-233 tag-link-position-15" style="font-size: 22pt;" aria-label="发布 (4,372 项)">发布</a> <a href="https://www.0573zz.cn/html/tag/%e5%a6%82%e4%bd%95" class="tag-cloud-link tag-link-161 tag-link-position-16" style="font-size: 21.207547169811pt;" aria-label="如何 (4,030 项)">如何</a> <a href="https://www.0573zz.cn/html/tag/%e5%b0%8f%e7%b1%b3" class="tag-cloud-link tag-link-529 tag-link-position-17" style="font-size: 13.811320754717pt;" aria-label="小米 (2,141 项)">小米</a> <a href="https://www.0573zz.cn/html/tag/%e5%b8%82%e5%9c%ba" class="tag-cloud-link tag-link-28 tag-link-position-18" style="font-size: 12.754716981132pt;" aria-label="市场 (1,929 项)">市场</a> <a href="https://www.0573zz.cn/html/tag/%e5%b9%b3%e5%8f%b0" class="tag-cloud-link tag-link-97 tag-link-position-19" style="font-size: 11.962264150943pt;" aria-label="平台 (1,818 项)">平台</a> <a href="https://www.0573zz.cn/html/tag/%e5%be%ae%e4%bf%a1" class="tag-cloud-link tag-link-688 tag-link-position-20" style="font-size: 10.11320754717pt;" aria-label="微信 (1,549 项)">微信</a> <a href="https://www.0573zz.cn/html/tag/%e6%80%8e%e4%b9%88" class="tag-cloud-link tag-link-886 tag-link-position-21" style="font-size: 14.075471698113pt;" aria-label="怎么 (2,178 项)">怎么</a> <a href="https://www.0573zz.cn/html/tag/%e6%89%8b%e6%9c%ba" class="tag-cloud-link tag-link-517 tag-link-position-22" style="font-size: 18.830188679245pt;" aria-label="手机 (3,290 项)">手机</a> <a href="https://www.0573zz.cn/html/tag/%e6%8a%80%e6%9c%af" class="tag-cloud-link tag-link-249 tag-link-position-23" style="font-size: 11.698113207547pt;" aria-label="技术 (1,758 项)">技术</a> <a href="https://www.0573zz.cn/html/tag/%e6%8e%a8%e5%87%ba" class="tag-cloud-link tag-link-693 tag-link-position-24" style="font-size: 13.283018867925pt;" aria-label="推出 (2,024 项)">推出</a> <a href="https://www.0573zz.cn/html/tag/%e6%95%b0%e6%8d%ae" class="tag-cloud-link tag-link-160 tag-link-position-25" style="font-size: 16.716981132075pt;" aria-label="数据 (2,773 项)">数据</a> <a href="https://www.0573zz.cn/html/tag/%e6%95%b0%e6%8d%ae%e4%b8%ad%e5%bf%83" class="tag-cloud-link tag-link-1361 tag-link-position-26" style="font-size: 8pt;" aria-label="数据中心 (1,302 项)">数据中心</a> <a href="https://www.0573zz.cn/html/tag/%e6%96%b9%e6%b3%95" class="tag-cloud-link tag-link-518 tag-link-position-27" style="font-size: 8.2641509433962pt;" aria-label="方法 (1,307 项)">方法</a> <a href="https://www.0573zz.cn/html/tag/%e6%99%ba%e8%83%bd" class="tag-cloud-link tag-link-141 tag-link-position-28" style="font-size: 16.716981132075pt;" aria-label="智能 (2,730 项)">智能</a> <a href="https://www.0573zz.cn/html/tag/%e6%9b%9d%e5%85%89" class="tag-cloud-link tag-link-1463 tag-link-position-29" style="font-size: 14.603773584906pt;" aria-label="曝光 (2,300 项)">曝光</a> <a href="https://www.0573zz.cn/html/tag/%e6%9c%8d%e5%8a%a1" class="tag-cloud-link tag-link-169 tag-link-position-30" style="font-size: 9.0566037735849pt;" aria-label="服务 (1,422 项)">服务</a> <a href="https://www.0573zz.cn/html/tag/%e6%9c%aa%e6%9d%a5" class="tag-cloud-link tag-link-731 tag-link-position-31" style="font-size: 8.2641509433962pt;" aria-label="未来 (1,325 项)">未来</a> <a href="https://www.0573zz.cn/html/tag/%e6%ad%a3%e5%bc%8f" class="tag-cloud-link tag-link-2542 tag-link-position-32" style="font-size: 10.377358490566pt;" aria-label="正式 (1,568 项)">正式</a> <a href="https://www.0573zz.cn/html/tag/%e6%b8%b8%e6%88%8f" class="tag-cloud-link tag-link-53 tag-link-position-33" style="font-size: 11.698113207547pt;" aria-label="游戏 (1,789 项)">游戏</a> <a href="https://www.0573zz.cn/html/tag/%e7%94%a8%e6%88%b7" class="tag-cloud-link tag-link-360 tag-link-position-34" style="font-size: 12.490566037736pt;" aria-label="用户 (1,906 项)">用户</a> <a href="https://www.0573zz.cn/html/tag/%e7%94%b5%e5%95%86" class="tag-cloud-link tag-link-476 tag-link-position-35" style="font-size: 8.7924528301887pt;" aria-label="电商 (1,365 项)">电商</a> <a href="https://www.0573zz.cn/html/tag/%e7%96%ab%e6%83%85" class="tag-cloud-link tag-link-42352 tag-link-position-36" style="font-size: 12.754716981132pt;" aria-label="疫情 (1,934 项)">疫情</a> <a href="https://www.0573zz.cn/html/tag/%e7%99%be%e5%ba%a6" class="tag-cloud-link tag-link-1086 tag-link-position-37" style="font-size: 8.5283018867925pt;" aria-label="百度 (1,356 项)">百度</a> <a href="https://www.0573zz.cn/html/tag/%e7%9b%b4%e6%92%ad" class="tag-cloud-link tag-link-271 tag-link-position-38" style="font-size: 10.377358490566pt;" aria-label="直播 (1,582 项)">直播</a> <a href="https://www.0573zz.cn/html/tag/%e7%a7%91%e6%8a%80" class="tag-cloud-link tag-link-533 tag-link-position-39" style="font-size: 14.603773584906pt;" aria-label="科技 (2,300 项)">科技</a> <a href="https://www.0573zz.cn/html/tag/%e7%b3%bb%e5%88%97" class="tag-cloud-link tag-link-1047 tag-link-position-40" style="font-size: 9.0566037735849pt;" aria-label="系列 (1,424 项)">系列</a> <a href="https://www.0573zz.cn/html/tag/%e7%be%8e%e5%9b%bd" class="tag-cloud-link tag-link-16 tag-link-position-41" style="font-size: 8.7924528301887pt;" aria-label="美国 (1,388 项)">美国</a> <a href="https://www.0573zz.cn/html/tag/%e8%85%be%e8%ae%af" class="tag-cloud-link tag-link-41 tag-link-position-42" style="font-size: 10.905660377358pt;" aria-label="腾讯 (1,644 项)">腾讯</a> <a href="https://www.0573zz.cn/html/tag/%e8%8b%b9%e6%9e%9c" class="tag-cloud-link tag-link-584 tag-link-position-43" style="font-size: 20.415094339623pt;" aria-label="苹果 (3,780 项)">苹果</a> <a href="https://www.0573zz.cn/html/tag/%e8%90%a5%e9%94%80" class="tag-cloud-link tag-link-419 tag-link-position-44" style="font-size: 9.5849056603774pt;" aria-label="营销 (1,463 项)">营销</a> <a href="https://www.0573zz.cn/html/tag/%e8%a1%8c%e4%b8%9a" class="tag-cloud-link tag-link-441 tag-link-position-45" style="font-size: 9.8490566037736pt;" aria-label="行业 (1,526 项)">行业</a></div> </div><div id="custom_html-8" class="widget_text bs-widget widget_custom_html"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>广告</h2><div class="border-line"></div></div><div class="textwidget custom-html-widget"></div></div></div> </aside>  </div>  </div>  </main>   <div class="missed"> <div class="container"> <div class="row"> <div class="col-12"> <div class="wd-back position-relative">  <div class="bs-widget-title one"> <h4 class="title"><span><i class="fas fa-arrow-right"></i></span>您错过了</h4> <div class="border-line"></div> </div>  <div class="missedslider d-grid column4"> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://www.0573zz.cn/html/ykf/20240704/176964.html"></a> <div class="bs-blog-category one"> <a href="https://www.0573zz.cn/html/./ykf" style="" id="category_87022_color" > 云客服 </a> </div> <div class="inner"> <div class="title-wrap"> <h4 class="title bsm"><a href="https://www.0573zz.cn/html/ykf/20240704/176964.html">优化云客服平台的稳定性和响应速度</a></h4> <div class="btn-wrap"> <a href="https://www.0573zz.cn/html/ykf/20240704/176964.html"><i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://www.0573zz.cn/html/ykf/20240704/176963.html"></a> <div class="bs-blog-category one"> <a href="https://www.0573zz.cn/html/./ykf" style="" id="category_87022_color" > 云客服 </a> </div> <div class="inner"> <div class="title-wrap"> <h4 class="title bsm"><a href="https://www.0573zz.cn/html/ykf/20240704/176963.html">云客服具备强大的数据分析能力</a></h4> <div class="btn-wrap"> <a href="https://www.0573zz.cn/html/ykf/20240704/176963.html"><i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://www.0573zz.cn/html/ykf/20240704/176962.html"></a> <div class="bs-blog-category one"> <a href="https://www.0573zz.cn/html/./ykf" style="" id="category_87022_color" > 云客服 </a> </div> <div class="inner"> <div class="title-wrap"> <h4 class="title bsm"><a href="https://www.0573zz.cn/html/ykf/20240704/176962.html">云客服推动客户服务行业智能化升级</a></h4> <div class="btn-wrap"> <a href="https://www.0573zz.cn/html/ykf/20240704/176962.html"><i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> <div class="bs-blog-post three md back-img bshre mb-0" "> <a class="link-div" href="https://www.0573zz.cn/html/ykf/20240704/176961.html"></a> <div class="bs-blog-category one"> <a href="https://www.0573zz.cn/html/./ykf" style="" id="category_87022_color" > 云客服 </a> </div> <div class="inner"> <div class="title-wrap"> <h4 class="title bsm"><a href="https://www.0573zz.cn/html/ykf/20240704/176961.html">云客服系统提升企业响应速度的秘诀</a></h4> <div class="btn-wrap"> <a href="https://www.0573zz.cn/html/ykf/20240704/176961.html"><i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>   <footer class="footer one " > <div class="overlay" style="background-color: ;">  <div class="bs-footer-bottom-area"> <div class="container"> <div class="row align-center"> <div class="col-lg-6 col-md-6"> <div class="footer-logo text-xs"> <div class="site-branding-text"> <p class="site-title-footer"> <a href="https://www.0573zz.cn/" rel="home">嘉兴站长网</a></p> <p class="site-description-footer">大型站长资讯类网站！ https://www.0573zz.cn</p> </div> </div> </div>  <div class="col-lg-6 col-md-6"> </div>  </div>  </div>  </div>  </div>  </footer>  </div>   <div class="newspaperup_stt"> <a href="#" class="bs_upscr"> <i class="fa-solid fa-arrow-up"></i> </a> </div> <aside class="bs-offcanvas end" bs-data-targeted="true"> <div class="bs-offcanvas-close"> <a href="#" class="bs-offcanvas-btn-close" bs-data-removable="true"> <span></span> <span></span> </a> </div> <div class="bs-offcanvas-inner"> <div class="bs-widget post"> <div class="post-inner bs-sidebar "> <div id="custom_html-3" class="widget_text bs-widget widget_custom_html"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>广告</h2><div class="border-line"></div></div><div class="textwidget custom-html-widget"></div></div> <div id="recent-posts-3" class="bs-widget widget_recent_entries"> <div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>最新文章</h2><div class="border-line"></div></div> <ul> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176964.html">优化云客服平台的稳定性和响应速度</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176963.html">云客服具备强大的数据分析能力</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176962.html">云客服推动客户服务行业智能化升级</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176961.html">云客服系统提升企业响应速度的秘诀</a> <span class="post-date">2024年7月4日</span> </li> <li> <a href="https://www.0573zz.cn/html/ykf/20240704/176960.html">企业开始寻求更为高效、灵活的客户服务模式</a> <span class="post-date">2024年7月4日</span> </li> </ul> </div><div id="custom_html-4" class="widget_text bs-widget widget_custom_html"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>广告</h2><div class="border-line"></div></div><div class="textwidget custom-html-widget"></div></div><div id="tag_cloud-3" class="bs-widget widget_tag_cloud"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>云标签</h2><div class="border-line"></div></div><div class="tagcloud"><a href="https://www.0573zz.cn/html/tag/2020" class="tag-cloud-link tag-link-11730 tag-link-position-1" style="font-size: 10.11320754717pt;" aria-label="2020 (1,544 项)">2020</a> <a href="https://www.0573zz.cn/html/tag/iphone" class="tag-cloud-link tag-link-1659 tag-link-position-2" style="font-size: 14.867924528302pt;" aria-label="iPhone (2,319 项)">iPhone</a> <a href="https://www.0573zz.cn/html/tag/%e4%b8%89%e6%98%9f" class="tag-cloud-link tag-link-1482 tag-link-position-3" style="font-size: 13.283018867925pt;" aria-label="三星 (2,023 项)">三星</a> <a href="https://www.0573zz.cn/html/tag/%e4%b8%8a%e7%ba%bf" class="tag-cloud-link tag-link-747 tag-link-position-4" style="font-size: 8.5283018867925pt;" aria-label="上线 (1,339 项)">上线</a> <a href="https://www.0573zz.cn/html/tag/%e4%b8%ad%e5%9b%bd" class="tag-cloud-link tag-link-102 tag-link-position-5" style="font-size: 18.301886792453pt;" aria-label="中国 (3,167 项)">中国</a> <a href="https://www.0573zz.cn/html/tag/%e4%ba%92%e8%81%94%e7%bd%91" class="tag-cloud-link tag-link-34 tag-link-position-6" style="font-size: 8.5283018867925pt;" aria-label="互联网 (1,358 项)">互联网</a> <a href="https://www.0573zz.cn/html/tag/%e4%ba%a7%e5%93%81" class="tag-cloud-link tag-link-130 tag-link-position-7" style="font-size: 8.2641509433962pt;" aria-label="产品 (1,328 项)">产品</a> <a href="https://www.0573zz.cn/html/tag/%e4%ba%ac%e4%b8%9c" class="tag-cloud-link tag-link-736 tag-link-position-8" style="font-size: 10.905660377358pt;" aria-label="京东 (1,668 项)">京东</a> <a href="https://www.0573zz.cn/html/tag/%e4%bb%80%e4%b9%88" class="tag-cloud-link tag-link-166 tag-link-position-9" style="font-size: 8.5283018867925pt;" aria-label="什么 (1,348 项)">什么</a> <a href="https://www.0573zz.cn/html/tag/%e4%bc%81%e4%b8%9a" class="tag-cloud-link tag-link-78 tag-link-position-10" style="font-size: 14.603773584906pt;" aria-label="企业 (2,289 项)">企业</a> <a href="https://www.0573zz.cn/html/tag/%e5%85%a8%e7%90%83" class="tag-cloud-link tag-link-75 tag-link-position-11" style="font-size: 13.018867924528pt;" aria-label="全球 (1,978 项)">全球</a> <a href="https://www.0573zz.cn/html/tag/%e5%85%ac%e5%8f%b8" class="tag-cloud-link tag-link-262 tag-link-position-12" style="font-size: 12.490566037736pt;" aria-label="公司 (1,896 项)">公司</a> <a href="https://www.0573zz.cn/html/tag/%e5%8a%a9%e5%8a%9b" class="tag-cloud-link tag-link-192 tag-link-position-13" style="font-size: 9.3207547169811pt;" aria-label="助力 (1,452 项)">助力</a> <a href="https://www.0573zz.cn/html/tag/%e5%8d%8e%e4%b8%ba" class="tag-cloud-link tag-link-22 tag-link-position-14" style="font-size: 18.037735849057pt;" aria-label="华为 (3,102 项)">华为</a> <a href="https://www.0573zz.cn/html/tag/%e5%8f%91%e5%b8%83" class="tag-cloud-link tag-link-233 tag-link-position-15" style="font-size: 22pt;" aria-label="发布 (4,372 项)">发布</a> <a href="https://www.0573zz.cn/html/tag/%e5%a6%82%e4%bd%95" class="tag-cloud-link tag-link-161 tag-link-position-16" style="font-size: 21.207547169811pt;" aria-label="如何 (4,030 项)">如何</a> <a href="https://www.0573zz.cn/html/tag/%e5%b0%8f%e7%b1%b3" class="tag-cloud-link tag-link-529 tag-link-position-17" style="font-size: 13.811320754717pt;" aria-label="小米 (2,141 项)">小米</a> <a href="https://www.0573zz.cn/html/tag/%e5%b8%82%e5%9c%ba" class="tag-cloud-link tag-link-28 tag-link-position-18" style="font-size: 12.754716981132pt;" aria-label="市场 (1,929 项)">市场</a> <a href="https://www.0573zz.cn/html/tag/%e5%b9%b3%e5%8f%b0" class="tag-cloud-link tag-link-97 tag-link-position-19" style="font-size: 11.962264150943pt;" aria-label="平台 (1,818 项)">平台</a> <a href="https://www.0573zz.cn/html/tag/%e5%be%ae%e4%bf%a1" class="tag-cloud-link tag-link-688 tag-link-position-20" style="font-size: 10.11320754717pt;" aria-label="微信 (1,549 项)">微信</a> <a href="https://www.0573zz.cn/html/tag/%e6%80%8e%e4%b9%88" class="tag-cloud-link tag-link-886 tag-link-position-21" style="font-size: 14.075471698113pt;" aria-label="怎么 (2,178 项)">怎么</a> <a href="https://www.0573zz.cn/html/tag/%e6%89%8b%e6%9c%ba" class="tag-cloud-link tag-link-517 tag-link-position-22" style="font-size: 18.830188679245pt;" aria-label="手机 (3,290 项)">手机</a> <a href="https://www.0573zz.cn/html/tag/%e6%8a%80%e6%9c%af" class="tag-cloud-link tag-link-249 tag-link-position-23" style="font-size: 11.698113207547pt;" aria-label="技术 (1,758 项)">技术</a> <a href="https://www.0573zz.cn/html/tag/%e6%8e%a8%e5%87%ba" class="tag-cloud-link tag-link-693 tag-link-position-24" style="font-size: 13.283018867925pt;" aria-label="推出 (2,024 项)">推出</a> <a href="https://www.0573zz.cn/html/tag/%e6%95%b0%e6%8d%ae" class="tag-cloud-link tag-link-160 tag-link-position-25" style="font-size: 16.716981132075pt;" aria-label="数据 (2,773 项)">数据</a> <a href="https://www.0573zz.cn/html/tag/%e6%95%b0%e6%8d%ae%e4%b8%ad%e5%bf%83" class="tag-cloud-link tag-link-1361 tag-link-position-26" style="font-size: 8pt;" aria-label="数据中心 (1,302 项)">数据中心</a> <a href="https://www.0573zz.cn/html/tag/%e6%96%b9%e6%b3%95" class="tag-cloud-link tag-link-518 tag-link-position-27" style="font-size: 8.2641509433962pt;" aria-label="方法 (1,307 项)">方法</a> <a href="https://www.0573zz.cn/html/tag/%e6%99%ba%e8%83%bd" class="tag-cloud-link tag-link-141 tag-link-position-28" style="font-size: 16.716981132075pt;" aria-label="智能 (2,730 项)">智能</a> <a href="https://www.0573zz.cn/html/tag/%e6%9b%9d%e5%85%89" class="tag-cloud-link tag-link-1463 tag-link-position-29" style="font-size: 14.603773584906pt;" aria-label="曝光 (2,300 项)">曝光</a> <a href="https://www.0573zz.cn/html/tag/%e6%9c%8d%e5%8a%a1" class="tag-cloud-link tag-link-169 tag-link-position-30" style="font-size: 9.0566037735849pt;" aria-label="服务 (1,422 项)">服务</a> <a href="https://www.0573zz.cn/html/tag/%e6%9c%aa%e6%9d%a5" class="tag-cloud-link tag-link-731 tag-link-position-31" style="font-size: 8.2641509433962pt;" aria-label="未来 (1,325 项)">未来</a> <a href="https://www.0573zz.cn/html/tag/%e6%ad%a3%e5%bc%8f" class="tag-cloud-link tag-link-2542 tag-link-position-32" style="font-size: 10.377358490566pt;" aria-label="正式 (1,568 项)">正式</a> <a href="https://www.0573zz.cn/html/tag/%e6%b8%b8%e6%88%8f" class="tag-cloud-link tag-link-53 tag-link-position-33" style="font-size: 11.698113207547pt;" aria-label="游戏 (1,789 项)">游戏</a> <a href="https://www.0573zz.cn/html/tag/%e7%94%a8%e6%88%b7" class="tag-cloud-link tag-link-360 tag-link-position-34" style="font-size: 12.490566037736pt;" aria-label="用户 (1,906 项)">用户</a> <a href="https://www.0573zz.cn/html/tag/%e7%94%b5%e5%95%86" class="tag-cloud-link tag-link-476 tag-link-position-35" style="font-size: 8.7924528301887pt;" aria-label="电商 (1,365 项)">电商</a> <a href="https://www.0573zz.cn/html/tag/%e7%96%ab%e6%83%85" class="tag-cloud-link tag-link-42352 tag-link-position-36" style="font-size: 12.754716981132pt;" aria-label="疫情 (1,934 项)">疫情</a> <a href="https://www.0573zz.cn/html/tag/%e7%99%be%e5%ba%a6" class="tag-cloud-link tag-link-1086 tag-link-position-37" style="font-size: 8.5283018867925pt;" aria-label="百度 (1,356 项)">百度</a> <a href="https://www.0573zz.cn/html/tag/%e7%9b%b4%e6%92%ad" class="tag-cloud-link tag-link-271 tag-link-position-38" style="font-size: 10.377358490566pt;" aria-label="直播 (1,582 项)">直播</a> <a href="https://www.0573zz.cn/html/tag/%e7%a7%91%e6%8a%80" class="tag-cloud-link tag-link-533 tag-link-position-39" style="font-size: 14.603773584906pt;" aria-label="科技 (2,300 项)">科技</a> <a href="https://www.0573zz.cn/html/tag/%e7%b3%bb%e5%88%97" class="tag-cloud-link tag-link-1047 tag-link-position-40" style="font-size: 9.0566037735849pt;" aria-label="系列 (1,424 项)">系列</a> <a href="https://www.0573zz.cn/html/tag/%e7%be%8e%e5%9b%bd" class="tag-cloud-link tag-link-16 tag-link-position-41" style="font-size: 8.7924528301887pt;" aria-label="美国 (1,388 项)">美国</a> <a href="https://www.0573zz.cn/html/tag/%e8%85%be%e8%ae%af" class="tag-cloud-link tag-link-41 tag-link-position-42" style="font-size: 10.905660377358pt;" aria-label="腾讯 (1,644 项)">腾讯</a> <a href="https://www.0573zz.cn/html/tag/%e8%8b%b9%e6%9e%9c" class="tag-cloud-link tag-link-584 tag-link-position-43" style="font-size: 20.415094339623pt;" aria-label="苹果 (3,780 项)">苹果</a> <a href="https://www.0573zz.cn/html/tag/%e8%90%a5%e9%94%80" class="tag-cloud-link tag-link-419 tag-link-position-44" style="font-size: 9.5849056603774pt;" aria-label="营销 (1,463 项)">营销</a> <a href="https://www.0573zz.cn/html/tag/%e8%a1%8c%e4%b8%9a" class="tag-cloud-link tag-link-441 tag-link-position-45" style="font-size: 9.8490566037736pt;" aria-label="行业 (1,526 项)">行业</a></div> </div><div id="custom_html-5" class="widget_text bs-widget widget_custom_html"><div class="bs-widget-title one"><h2 class="title"><span><i class="fas fa-arrow-right"></i></span>广告</h2><div class="border-line"></div></div><div class="textwidget custom-html-widget"></div></div> </div> </div> </div> </aside> <div class="search-popup" bs-search-targeted="true"> <div class="search-popup-content"> <div class="search-popup-close"> <button type="button" class="btn-close" bs-dismiss-search="true"><i class="fa-solid fa-xmark"></i></button> </div> <div class="search-inner"> <form role="search" method="get" class="search-form" action="https://www.0573zz.cn/"> <label> <span class="screen-reader-text">搜索：</span> <input type="search" class="search-field" placeholder="搜索…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="搜索" /> </form> </div> </div> </div>  <div class="bs-overlay-section" bs-remove-overlay="true"></div> <style type="text/css"> :root { --wrap-color: #fff; } /* Top Bar Color*/ .bs-head-detail { background: ; } .bs-head-detail, .bs-latest-news .bs-latest-news-slider a{ color: ; } /*==================== Site title and tagline ====================*/ .site-title a, .site-description{ color: 000; } body.dark .site-title a, body.dark .site-description{ color: #fff; } /*=================== Blog Post Color ===================*/ .site-branding-text .site-title a:hover{ color: !important; } body.dark .site-branding-text .site-title a:hover{ color: !important; } /* Footer Color*/ footer .bs-footer-copyright { background: ; } footer .bs-widget p, footer .site-title a, footer .site-title a:hover , footer .site-description, footer .site-description:hover, footer .bs-widget h6, footer .mg_contact_widget .bs-widget h6 { color: ; } footer .bs-footer-copyright p, footer .bs-footer-copyright a { color: ; } @media (min-width: 992px) { .archive-class .sidebar-right, .archive-class .sidebar-left , .index-class .sidebar-right, .index-class .sidebar-left{ flex: 100; max-width:% !important; } .archive-class .content-right , .index-class .content-right { max-width: calc((100% - %)) !important; } } </style> <script type="text/javascript" src="https://www.0573zz.cn/wp-content/themes/newspaperup/js/custom.js?ver=6.7.2" id="newspaperup_custom-js-js"></script> <script type="text/javascript" src="https://www.0573zz.cn/wp-content/themes/newspaperup/js/dark.js?ver=6.7.2" id="newspaperup-dark-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>