jquery可扩展的手风琴展开收缩动画特效代码

所属分类：网页特效-展开&收缩 2023-08-08 11:35:59

1.8K 0 查看评论 (0)

查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：一款手风琴动画特效插件，响应式布局设计，点击标题横条即可切换，右侧图片同步切换。

jquery可扩展的手风琴展开收缩动画特效代码（共7个文件）

event.js

images
- app-capture-04.png
- app-capture-02.png
- app-capture-01.png
- app-capture-03.png

index.html

style.css

使用方法

$('.title').click(function () {
    $(this).addClass('active')
    $(this).siblings('.title').removeClass('active')
    $(this).siblings('.desc').stop().slideUp()
    $(this).next().stop().slideDown()

    var dataImage = $(this).attr('data-image')
    $('.image img').attr('src', dataImage)
})

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服