html对列表展开代码,jquery实现滑块文字列表展开切换代码

使用方法：

1、head引入css文件

2、head引入js文件

3、body引入HTML代码

在线教育系统 528项网校功能 让效率翻三倍

教

互动视频

轻直播

智能题库

教

互动视频

视频弹题，边学边巩固，让学习更有深度

轻直播

轻松应对十万人在线；多平台观看，随时随地学；微信宣传，一键分享

智能题库

真题测评、智能组卷、学情分析，提高工作效率

学

笔记

问答

学习计划

学

笔记

知识共享、内容沉淀、知识提炼

问答

答疑解惑、实时互动

学习计划

系统学习，建构知识体系，学习就像打怪升级

管

课程管理

学员管理

营收管理

管

课程管理

标签化管理，知识结构更科学，让学员轻松找到心仪课程

学员管理

轻松应对十万人在线；多平台观看，随时随地学；微信宣传，一键分享

营收管理

真题测评、智能组卷、学情分析，提高工作效率

聊

小组活动

语音交流

私信沟通

聊

小组活动

视频弹题，边学边巩固，让学习更有深度

语音交流

轻松应对十万人在线；多平台观看，随时随地学；微信宣传，一键分享

私信沟通

真题测评、智能组卷、学情分析，提高工作效率

销

学习卡

组合营销

会员成长

销

学习卡

视频弹题，边学边巩固，让学习更有深度

组合营销

轻松应对十万人在线；多平台观看，随时随地学；微信宣传，一键分享

会员成长

真题测评、智能组卷、学情分析，提高工作效率

"use strict"; !

function(t, i) {

var e = {

id: "#cardArea",

sid: ".homepage-item"

};

i.fn.cardArea = function(t) {

var t = i.extend({},

e, t);

return this.each(function() {

var e = i(t.id),

n = e.find(t.sid);

n.on("mouseenter",

function() {

i(this).addClass("active").siblings().removeClass("active")

})

})

};

} (window, jQuery);

$(function() {

$("#cardArea").cardArea()

});