navjs
'use strict';
define([ 'jquery'], function($) {
var nav = {
init : function() {
$("#burger-menu").click(function(){
$('body').toggleClass('mobileNavOpen');
$("#burger-menu").toggleClass('mobileNavClose');
//$("#burger-menu").addClass('close');
});
$("#login").click(function(){
$('#login-div').toggle();
});
$("#apply").click(function(){
$('#apply-div').toggle();
});
$("#mobile-quick").click(function(){
$("#mobile-quick-div").show();
$('body').addClass('quick-oepn');
$('#mobile-quick').addClass('open');
$("#item-why").hide();
$("#item-funds").hide();
$("#item-insights").hide();
$("#item-contact").hide();
$("#item-institutional").hide();
});
$("#quick-earn").click(function(){
$('#quick-earn').addClass('current');
$("#mobile-quick-div").show();
});
$("#nav-sticky").click(function(){
$('body').addClass('stickyOpen');
$("#masthead").addClass('sticky');
});
$("#nav-default").click(function(){
$("#masthead").removeClass('sticky');
});
// $("#nav-top").click(function(){
// $("#masthead").removeClass('sticky');
// });
//
$("#item-why").click(function(){
$(this).addClass('current');
});
$("#item-contact").click(function(){
$(this).addClass('current');
});
$("#item-insights").click(function(){
$('body').addClass('mn-open');
$('#item-insights').addClass('open');
$("#item-why").hide();
$("#item-funds").hide();
$("#item-contact").hide();
$("#item-quick").hide();
$("#item-institutional").hide();
});
$("#li-all").click(function(){
$("#li-all").addClass('current');
});
$("#item-funds").click(function(){
$('body').addClass('mn-open');
$('#item-funds').addClass('open');
});
$("#li-global").click(function(){
$('#li-global').addClass('open');
$('#item-funds').addClass('back');
$('#li-global-div').show();
$("#li-australian").hide();
$("#li-allfunds").hide();
$("#li-regional").hide();
$("#li-fixed").hide();
$("#li-tools").hide();
});
$("#li-global-hedged").click(function(){
$("#li-global-hedged").addClass('current');
});
$("#mobile-close").click(function(){
$("#mobile-content").hide();
});
$("#mobile-header-search").click(function(){
$('body').toggleClass('mobileSearchOpen');
$("#burger-menu").toggleClass('mobileSearchClose');
});
$("#mobile-apply").click(function(){
$("#mobile-apply-div").toggle();
});
$("#mobile-login").click(function(){
$("#mobile-login-div").toggle();
$("#nav-row").hide();
});
},
}
return nav.init();
});
navjs的更多相关文章
- CSS+JS下拉菜单和纯CSS下拉菜单
下拉菜单 (思路:先把二级定位到屏幕外,鼠标悬停重新定位回来:另一个就是ul浮动,li也浮动) 下拉菜单的一般思路就是把子导航嵌套在无序列表中,把列表定位到屏幕之外,当鼠标悬停在其父列表项上时,重新定 ...
- IE浏览器强制不是要兼容视图
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta ht ...
- JS事件对象,筋斗云导航练习,跟随鼠标练习,放大镜练习,进度条练习
JS事件对象,筋斗云导航练习,跟随鼠标练习,放大镜练习,进度条练习 btn.onclick = function(event) { 语句 } 其中event就是事件对象,在这个方法中指向的对象是onc ...
随机推荐
- 教你一招 - 如何给nopcommerce做一套自己的主题
nopcommerce拥有一套不错的模板机制,可以让你快速的做一套属于自己的主题.\Presentation\Nop.Web下面有个Themes文件夹,这里面就是放主题的地方,每个主题对应一个文件夹, ...
- Libfilth(一个滤波器C库)使用
Libfilth使用说明 winshton 2009年2月 (*本文大部分翻译自libfilth,还有一部分是个人使用实践 *时间水平均有限,翻译的不完整,尤其第二章可以忽略) 版本历史修改记录 版本 ...
- 如何用ZBrush快速雕刻LOL中的Lissandra
话说<魔兽>还有1天就上映了,热爱这款游戏的你想必早已按耐不住了吧,别急,再耐心等一下.不过今天我们要讲的,不是魔兽,而是另一款很多人为 之疯狂的游戏—英雄联盟,也就是你们熟悉的LOL啦, ...
- HDU 4409 Family Name List --乱搞、LCA
题意: 给出一些名字,名字间有父子关系,有三种操作: 1.按祖先到后代,兄弟间按字典序由小到大排序,然后输出 2.求某个节点的兄弟节点有多少个,包括自己(注意,根节点的兄弟节点是1) 3.求节点a和b ...
- 真人动作捕捉系统 for Unity
真人动作捕捉 在Asset Store中浏览Mecanim相关的资源时,发现了这个 资源信息 Asset Store:https://www.assetstore.unity3d.com/#/cont ...
- Mecanim的Retargeting和BodyMask
Retargeting(动画重定向) 文档 http://game.ceeger.com/Manual/Retargeting.html 介绍 Mecanim 的最强大的功能之一,重定目标的仿人机器人 ...
- Android ActionBarDrawerToggle、DrawerLayout、ActionBar 结合
ActionBarDrawerToggle是一个开关,用于打开/关闭DrawerLayout抽屉 ActionBarDrawerToggle 提供了一个方便的方式来配合DrawerLayout和Act ...
- GridPanel中getSelectionModel
GridPanel中getSelectionModel 更多 2014/5/1 来源:extjs学习浏览量:6783 学习标签: GridPanel extjs 本文导读:Ext.grid.GridP ...
- CHAP认证原理
整个过程就是PPP协商过程,分三步:LCP.认证.NCP. 一 协议概述 PPP包含以下两个层次的协议: ·链路控制协议(LCP):负责建立.配置和测试数据链路连接 ·网络控制协议(NCP):负责建立 ...
- 存储过程中执行动态Sql语句
MSSQL为我们提供了两种动态执行SQL语句的命令,分别是EXEC和sp_executesql;通常,sp_executesql则更具有优势,它提供了输入输出接口,而EXEC没有.还有一个最大的好处就 ...