jq点击事件多次响应_分享同一个按钮jQuery多次点击实现不同事件的代码

80 阅读 0 评论 53 点赞

我是靠谱客的博主眯眯眼烤鸡，最近开发中收集的这篇文章主要介绍jq点击事件多次响应_分享同一个按钮jQuery多次点击实现不同事件的代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

由于本站需要，本站需要在平板，手机，电脑上实现多终端实现浏览的响应式需求，所以本站需要来实现点击按钮来弹出下拉式页面导航和左边的导航，大家可以在不同终端上分别看下本站的按钮，虽然别人的主题早已经有这个功能，但是经过自己的努力来实现是不容易的。有点小成就感，呵呵。下面是代码：//点击隐藏显示按钮

$(document).ready(function(){

$('.cog').click(function(){

$("#header-bar").slideToggle(500);

});

$('.bars').toggle(function(){

$('#aside-left,.topnav').animate({left:"0px"});

$('#main,#footer').animate({left:"200px"});

$("body").addClass("topnav-display");

function(){

$('#aside-left,.topnav').animate({left:"-200px"});

$('#main,#footer').css("left","0px");

$("body").removeClass("topnav-display");

});

效果如本站，呵呵。大家如果要实现功能不妨来试试这段代码。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。