欢迎访问普照新时空官方博客

手机站导航,点击隐藏和显示
2018-08-06 15:37:50   来源:   评论:0 点击:

$( " hand ") click(function(){ 获取id名为 hand的数据,并执行点击 $( " navigation ") toggle(); 通过上面 hand获取到的数
$("#hand").click(function(){   


//获取id名为#hand的数据,并执行点击


    $("#navigation").toggle();   

//通过上面#hand获取到的数据点击之后,来判断#navigation这个id的数据是否是隐藏的,如果是隐藏的,点击#hand后,#navigation就会显示,如果是显示的,点击#hand后,#navigation就会隐藏

});

这段代码里面的两个盒子不在同一个地方,一个在头部标签里,另一个在banner里。 在使用的时候必须引入jquery,版本可以随意,但是不要太低,以免影响其他效果,这里我用的jquery 3.0.0。

toggle(); //这是一个隐藏+显示,功能为一体的方法,直接调用就行。

相关热词搜索:手机

上一篇:jQuery缓缓下滑三级导航
下一篇://bootstrap banner3秒自动轮播

分享到: 收藏
评论排行