javascript/jquery速记代码和活动函数 [英] javascript/jquery shorthand code and active function
本文介绍了javascript/jquery速记代码和活动函数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有这段代码,我想知道是否有一种较短的编写方式?
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屋!
查看全文