如何实现选项卡的操作

嗨喽，大家好！我是程序员小辉辉，上期介绍了轮播图效果，小伙伴们你么你学会了吗，这次给大家讲解选项卡的操作，像一些大型的电商网站，它的侧边栏和下拉菜单实际上都是选项卡的操作，这个小辉辉就带你们学习一下！

首先，还是一样，这是html的代码，这个地方只要写上你想网上写的东西就好

这是css代码，也是比较简单，不过多多做解释

这是js的代码，因为这是最底层的js代码，也是最基础的，如果把这个最基础的js 代码学会，你就可以再往外延伸！

首先，引入jq的封装函数，在页面加载完成之后显示，首先给摁扭添加点击事件，这个地方还是建议用事件委托，至于原因第一篇博客已经给大家解释过了，点击之后，先把button的摁扭给改变样式，我这里是之改变的背景颜色，如果还有别的样式改，直接按照格式添加即可，比较重要的就是最后一行代码，因为一开始我是设置的li里的内容是隐藏的，点击之后，摁扭所对应的li的的下标标签的样式也改变，点击之后从隐藏变成显示！

小伙伴们，选项卡的操作你get到了吗？