Javascript 显示/隐藏js中的目标Div状态

好的，我在这里使用这段代码以tab switch样式显示和隐藏一个div：

我想使一个悬停状态和一个选定的div的状态，但我似乎无法让它工作，有什么我可以做的JS给悬停和选定的链接一种插入阴影

---

非常感谢所有帮助。

这可以在JS中完成，但更容易利用CSS选择器：active和：hover，它们不需要JS事件绑定。您还可以为所选项目添加CSS样式，然后在click事件的回调中切换哪个元素获得.selected类

在这里更新了JSFIDLE，添加了：hover、：active和.selected的CSS选择器，并在JS中切换元素类：

$(this).addClass('selected');
$(this).siblings().removeClass('selected');

---

在问题中包含相关的代码。我已经将其全部放在JSFIDLE中，但我想在select上更改的是css

{字体系列：'helvetica_bqregular'；颜色：#666；显示：内联块；宽度：145px；边框：薄实线#CCC；文本对齐：中心；背景色：#eee；边框半径：4px；边框右上半径：0px；边框右下半径：0px；边框左：13px；边框顶部：9px；边框底部：10px；填充顶部：5px；填充底部：5px；}

请编辑问题并将相关代码放在那里，而不是放在评论中。如果我理解正确，您希望知道哪个选项卡处于活动状态并设置按钮的样式。此代码应该是解决方案。它在当前选择的选项卡上添加了“活动”css类，以便您可以使用css设置样式

$(this).addClass('selected');
$(this).siblings().removeClass('selected');