Question

好的所以我在这里使用这段编码来显示和隐藏选项卡开关样式中的div：http://jsfiddle.net/AXj53/4/

    jQuery('a[id^="link"]').click(function(){
    var vid_id = jQuery(this).attr("id").replace("link", "#testVid");
    jQuery('div[id^="testVid"]').hide();
    jQuery(vid_id).show();

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

非常感谢。

Answer 1

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

在这里更新了你的jsfiddle http://jsfiddle.net/AXj53/16/，为：hover，：active和.selected添加CSS选择器，并在JS中切换元素类：

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

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

1 个答案: