0

我需要帮助在选项卡上创建和执行状态这是我的 javascript 和我的 html 的一部分我似乎无法在此处输入 css 如果你需要它请请求它我需要它所以无论你在哪个选项卡上显示与活动相同的颜色连接上没有边框的容器背景我需要这个用于顶部和侧边标签

我也尝试发布图片但我不允许

脚本

$(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 回答