jQuery实现简单Tab切换与手风琴效果

---

前言

在这里会用jQuery实现简单Tab切换与手风琴效果

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、Tab切换

1.js代码

$('#title').children().mouseover(function () {
   
        $('#content >li').hide()
        $('#content>li').eq($(this).index()).show()
    })

2.html代码

<ul id="title">
        <li class="select">标题一</li>
        <li>标题二</li>
        <li>标题三</li>
    </ul>
    <ul id="content">
        <li>内容一</li>
        <li>内容二</li>
        <li>内容三</li>
    </ul>

3.css代码

* {
   
            margin: 0