码迷,mamicode.com
首页 > Web开发 > 详细

20180607jquery实现切换:

时间:2018-06-07 11:41:16      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:nav   app   add   func   his   move   this   fun   function   

实现切换:

方法一:

$(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实现切换:

标签:nav   app   add   func   his   move   this   fun   function   

原文地址:https://www.cnblogs.com/yubaibai/p/9149251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!