0

在过去的几天里,我一直在尝试解决这个问题。用新的方法一遍又一遍地开始。但我现在被困住了。

我的页面上有 3 个带有垂直对齐标签的容器。第一个容器仅包含一个选项卡。这里没问题。

第二个容器有三个选项卡。将鼠标悬停在选项卡上时,右侧区域的内容会发生变化。但是当我将鼠标悬停在第二个选项卡上时,第三个容器上显示的内容就会消失。

当我将标签悬停在第三个容器中时,它的内容会显示出来,但这次第二个容器的内容会消失。初始选项卡也一直卡住。我不知道为什么,字体颜色也被第二个容器覆盖。

我知道这与 head 部分中的 javascript 和一些 CSS 有关。

要查看代码http://www.webpati.com或作为单个文本文件,包括http://www.webpati.com/index.txt头部中的 CSS 样式

任何帮助都会很棒。

4

1 回答 1

0

您需要删除显示无

$(document).ready(function() {

$(".tabs .tab[id^=tab_menu]").hover(function() {
    var curMenu=$(this);
    $(".tabs .tab[id^=tab_menu]").removeClass("selected");
    curMenu.addClass("selected");

    var index=curMenu.attr("id").split("tab_menu_")[1];

    $(".curvedContainer .tabcontent").css("display","none");<----------**HERE**


    $(".curvedContainer #tab_content_"+index).css("display","block");
});

});

于 2012-05-26T13:21:00.713 回答