达到手风琴效果如图：

Html结构：

div class=' item _ box box 10 ' div class=' item _ box _ WP ' div class=' voice _ 2 ' ul Li class=' li1 ' id=' li1 ' div class=' fold ' style=' display : none；'span class=' img '/span span class=' txt '插件库/span/div class=' unfolded ' style=' display : block ' dl dtimg src=' http : images/img 10 . png '/dtdd/Dd使用语音出站模式将指定的语音呼叫给收听者，收听者可以为目标客户提供会议通知和活动通知。并且可以通过API接口/DD/dl/Div/Li Li class=' li2 ' Div class=' fold ' span class=' img '/span span class=' txt ' click to call/span/Div Div class=' unfolded ' dl dtimg src=' http 3360 images/img 42 . png '/dtdd/dddd clicks通过APP内按钮或浏览器网页按钮发起IP呼叫和话务员专线呼叫服务，减少用户交互。提升用户体验/DD/dl/Div/Li Li class=' Li ' Div class=' fold ' span class=' img '/span span class=' txt '直拨呼叫/span/Div class=' unfolded ' dl dtimg src=' http 3360 images/img 49 . png '/dtdd/dddd无论是在智能终端还是浏览器模式下，呼叫都是通过APP或网页发起的，被连接方为手机用户或固话用户，通常集成到与企业服务和企业客服相关的移动应用中/DD/dl/Div/Li Li class=' li4 ' Div class=' fold ' span class=' img '/span span class=' txt ' call back/span/Div Div class=' expanded ' dl dtimg src=' http 3360 images/img 50 . png '/dtdd/dddd同时通过平台侧发起主叫方和被叫方，定制主叫方满足不同需求的客户服务。企业服务轻松根据具体业务需求为客户提供定制化服务/DD/dl/Div/Li Li class=' li5 ' Div class=' fold ' span class=' img '/span span class=' txt '互联网通话/span/Div class=' unfolded ' dl dtimg src=' http 3360 images/img 51 . png '/dt DD/DD是基于互联网进行纯网络通话，没有运营商和地域限制，语音质量更清晰。支持语音三方密钥加密传输/DD/dl/Div/Li Li class=' li6 ' Div class=' fold ' span class=' img '/span span class=' txt '语音会议/span/Div class=' unfolded ' dl dtimg src=' http 3360 images/img 52 . png '/dtdd/dddd桥多人同时基于IP和电话语音的会议服务，并基于API控制会议时间、成员邀请、静默和移除。/dd /dl /div /li /ul /div /div/div js代码：

$(function(){ //语音通知手风琴效果$(')。voice _ 2 ul Li’)。每个(函数(){varfold=$ (this))。查找('。折叠’)；var unfold=$(this)。查找('。展开’)；if(fold . is(' : hidden '){ $(this)。宽度(680)；}else{ $(this)。宽度(100)；} }) $('.voice_2 ul li ')。单击(function(){ var li_index=$(this))。index()；$(这个)。动画({width:680}，200)；$(这个)。查找('。展开”)。show()；$(这个)。查找('。折叠')。hide()；$(这个)。兄弟姐妹()。动画({width:100}，200)；$(这个)。兄弟姐妹()。查找('。展开”)。hide()；$(这个)。兄弟姐妹()。查找('。折叠')。show()；})以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。