0

私はここ数日、この問題を解決しようとしてきました。新しいアプローチで何度も何度も始めました。しかし、私は今立ち往生しています。

ページに 3 つのコンテナがあり、タブが縦に並んでいます。最初のコンテナーには、タブが 1 つだけ含まれています。ここでは問題ありません。

2 番目のコンテナには 3 つのタブがあります。タブにカーソルを合わせると、右側の領域のコンテンツが変わります。しかし、2 番目のタブにカーソルを合わせると、3 番目のコンテナーに表示されているコンテンツが消えます。

3 番目のコンテナのタブにカーソルを合わせると、そのコンテンツが表示されますが、今回は 2 番目のコンテナのコンテンツが消えます。最初のタブも動かなくなったままです。理由はわかりませんが、フォントの色も 2 番目のコンテナーによって上書きされます。

head セクションの javascript といくつかの CSS に関係していることはわかっています。

コードhttp://www.webpati.comを参照するか、 http : //www.webpati.com/index.txt の head セクションに 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 に答える