'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();
});

u1-nav-js的更多相关文章

  1. jquery.nav.js定位导航滚动插件

    jQuery.nav.js插件代码: /* * jQuery One Page Nav Plugin * http://github.com/davist11/jQuery-One-Page-Nav ...

  2. js构建函数,点击按钮显示div,再点击按钮或其他区域,隐藏div

    这只是一个例子,先看看效果: html代码: <nav> <span class="nav_logo"></span> <h1>云蚂 ...

  3. UIWebview于JS交互

    最近使用火车票网的限行网页,但是广告以及头部nav和地步footer都是我们现在所不需要的,所以决定使用js交互,下面所有代码都写在 webViewDidFinishLoad 里面 1.查看原网址的源 ...

  4. react路由深度解析

    先看一段代码能否秒懂很重要 这是app.js  全局js的入口 import React from 'react' import { render } from 'react-dom' import ...

  5. LoadRunner脚本编写(转)

    性能测试工程师要懂代码么?答案是必须的.好多测试员认为在loadrunner中编写脚本很难很牛X ,主要是大多测试人员并未做过开发工作,大学的那点程序基础也忘记的差不多了.还有非计算机专业出身的测试员 ...

  6. jq滚动监听-导航滚动

    github地址:https://github.com/yutaogege/jquery.nav.js 代码: <!DOCTYPE html> <html> <head& ...

  7. 前端工程模块化——以一个php项目为例

    实现一个页面功能总是需要 JavaScript.CSS 和 Template 三种语言相互组织,所以我们真正需要的是一种可以将 JavaScript.CSS 和 Template 同时都考虑进去的模块 ...

  8. ms flexbox 布局 (ko list)

    <!DOCTYPE html> <html> <head> <title></title> <script src="js/ ...

  9. gradient css

    <!DOCTYPE html> <html> <head> <title></title> <script src="js/ ...

  10. ms-grid layout

    <!DOCTYPE html> <html> <head> <title></title> <script src="js/ ...

随机推荐

  1. elastic search查询命令集合

    Technorati 标签: elastic search,query,commands 基本查询:最简单的查询方式 query:{"term":{"title" ...

  2. 【ASP.NET 问题】System.InvalidOperationException: 对象的当前状态使该操作无效 【大量表单数据提交】错误解决

    出现的问题描述: 当页面的数据量比较大时,出现异常,详细信息: System.InvalidOperationException: 对象的当前状态使该操作无效 问题的原因:出现这个异常的原因是因为微软 ...

  3. java11-4 字符串的遍历以及字符串中各类字符的统计

    1.需求:获取字符串中的每一个字符   分析: A:如何能够拿到每一个字符呢?  char charAt(int index) B:我怎么知道字符到底有多少个呢? int length() publi ...

  4. 上传图片shell绕过过滤的方法

    一般网站图片上传功能都对文件进行过滤,防止webshelll写入.但不同的程序对过滤也不一样,如何突破过滤继续上传? 本文总结了七种方法,可以突破! .文件头+GIF89a法.(php)//这个很好理 ...

  5. Android ActionBarDrawerToggle、DrawerLayout、ActionBar 结合

    ActionBarDrawerToggle是一个开关,用于打开/关闭DrawerLayout抽屉 ActionBarDrawerToggle 提供了一个方便的方式来配合DrawerLayout和Act ...

  6. sort()和qsort()方法详解

    1,C++自带的自动排序方法:sort(); 要使用此函数只需用#include <algorithm> sort即可使用. sort(begin,end),表示一个范围,例如: int ...

  7. 浅析CSS——元素重叠及position定位的z-index顺序

    多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题.其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题 ...

  8. AndroidStudio .gitinore编写

    # Built application files *.apk *.ap_ # files for the dex VM *.dex # Java class files *.class */R.ja ...

  9. usb驱动开发8之配置描述符

    前面分析了usb的四大描述符之端点描述符,接口描述符(每一个接口对应一个功能,与之配备相应驱动),下面是看配置描述符还是看设备描述符呢??我们知道,设备大于配置,配置大于接口,接口可以有多种设置. 我 ...

  10. [资料收集]MySQL在线DDL工具pt-online-schema-change

    MySQL在线DDL工具pt-online-schema-change pt-online-schema-change使用说明(未完待续) 官网