0

タブの状態を作成し、アクティブにするのに助けが必要です ここに私のjavascriptとHTMLの一部があります ここにcssを入力できないようです 必要な場合はリクエストしてください 必要な場合は、どのタブでもアクティブな色と同じ色が表示される結合に境界線のないコンテナーの背景トップとサイドのタブにこれが必要ですこれを行う方法についてのヘルプは非常に高く評価されます

また、画像を投稿しようとしましたが、許可されていません

Javaスクリプト

$(document).ready(function () {

$("a").click(function () {
    $(".side").show(".fastest");
});


$(".overveiw").click(function () {
    $(".hide").hide();
    $(".div1").show();
    $(".overveiw").addClass("active");

});



$(".tour").click(function () {
    $(".hide").hide();
    $(".div2").show();

});


$(".websites").click(function () {
    $(".hide").hide();
    $(".div3").show();


});


$(".faq").click(function () {
    $(".hide").hide();
    $(".div4").show();


});


$(".support").click(function () {
    $(".hide").hide();
    $(".div5").show();


});

});

上部のナビゲーション タブ

  <ul>
    <li class="dealer"><a class="dealer">Manufacturer Dealer</a></li>
    <li class="lender"><a>Lender<br />&nbsp</a></li>
    <li class="developer"><a>Developer<br />&nbsp</a></li>
 </ul>

サイドナビゲーション

<ul class="side">
    <li class="overveiw data-panel"><a>Overveiw</a></li>
    <li class="tour data-panel"><a>Take the tour</a></li>
    <li class="websites data-panel"><a>Example websites</a></li>
     <li class="faq data-panel"><a>FAQ</a></li>
    <li class="support data-panel"><a>Support</a></li>
  </ul>

メインコンテナにラップされた5つのdivを含む

4

1 に答える 1

0

修正して、私が求めていた効果を作成することができました。多くの試行錯誤の後、ここに私が各タブに使用したコードがありますおそらくそれを行うより簡単な方法がありますが、これは今のところ機能します

$(".tour").click(function () {
    $(".hide").hide();
    $(".div2").show();
    $(".tab").addClass("inactive");
    $(".tour").removeClass("inactive");
    $(".tour").addClass("active");

});
于 2010-10-19T08:41:57.890 に答える