实现切换：
方法一：
$(function(){
// $("#ypzw").hide();
//$("#gzjy").hide();
//$("#xzyq").hide();
//$("#gzdd").hide();
//$("#one").click(function() {
//$("#ypzw").toggle();
//$("#one").addClass("active");
//$("#two").removeClass("active");
//$("#three").removeClass("active");
//$("#four").removeClass("active");
//$("#gzjy").hide();
//$("#xzyq").hide();
//$("#gzdd").hide();
//})
//$("#two").click(function() {
//
//$("#two").addClass("active");
//$("#one").removeClass("active");
//$("#three").removeClass("active");
//$("#four").removeClass("active");
//$("#gzjy").toggle();
//$("#ypzw").hide();
//$("#xzyq").hide();
//$("#gzdd").hide();
//})
//$("#three").click(function() {
//
//$("#three").addClass("active");
//$("#two").removeClass("active");
//$("#one").removeClass("active");
//$("#four").removeClass("active");
//$("#xzyq").toggle();
//$("#ypzw").hide();
//$("#gzjy").hide();
//$("#gzdd").hide();
//})
//$("#four").click(function() {
//$("#four").click(function() {
//$("#four").addClass("active");
//$("#three").removeClass("active");
//$("#two").removeClass("active");
//$("#one").removeClass("active");
//$("#gzdd").toggle();
//$("#ypzw").hide();
//$("#gzjy").hide();
//$("#xzyq").hide();
//})
//
//})
方法2
$(function() {
$(‘.tan_chuang_a‘).hide();
$(".nav .navbar").click(function(e) {
var i = $(this).index();
$(this).addClass(‘active‘).siblings(‘.navbar‘).removeClass(‘active‘);
$(‘.tan_chuang_a‘).eq(i).toggle(400).siblings(‘.tan_chuang_a‘).hide(100);
})
})
20180607jquery实现切换：
原文地址：https://www.cnblogs.com/yubaibai/p/9149251.html