20180607jquery实现切换：
Posted 我就是要叫鱼摆摆
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了20180607jquery实现切换：相关的知识，希望对你有一定的参考价值。
实现切换：
方法一：
$(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实现切换：的主要内容，如果未能解决你的问题，请参考以下文章