javascript/jquery速记代码和活动函数 [英] javascript/jquery shorthand code and active function

问题描述

我有这段代码，我想知道是否有一种较短的编写方式?

I have this code i would like to know if there is a shorter way of writing it?

在相关div上，我还需要哪些代码来使活动标签保持活动状态

also which code do i need to make an active tab stay active when on the relevant div

谢谢

$(document).ready(function () {



$(".overveiw").click(function () {
    $(".div1").show();
    $(".div2").hide();
    $(".div3").hide();
    $(".div4").hide();
    $(".div5").hide();
});
$(".tour").click(function () {
    $(".div2").show();
    $(".div1").hide();
    $(".div3").hide();
    $(".div4").hide();
    $(".div5").hide();
});

$(".websites").click(function () {
   $(".div3").show();
   $(".div1").hide();
   $(".div2").hide();
   $(".div4").hide();
   $(".div5").hide();
});

$(".faq").click(function () {
    $(".div4").show();
    $(".div1").hide();
    $(".div3").hide();
    $(".div2").hide();
    $(".div5").hide();
});

$(".support").click(function () {
   $(".div5").show();
   $(".div1").hide();
   $(".div3").hide();
   $(".div4").hide();
   $(".div2").hide();
});
});

推荐答案

为每个div提供另一个类:

Give each of those divs another class:

<div class="div1 new_class"></div>

然后:

$(".overveiw").click(function () {
    $(".new_class").hide();
    $(".div1").show();
});

这篇关于javascript/jquery速记代码和活动函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！