'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(){
$("#m-pannel").hide();
});

$("#mobile-header-search").click(function(){
$('body').toggleClass('mobileNavOpen searchOpen');
$('.sub-4').removeClass('is-hidden');
$('.sub-1').addClass('is-hidden');
});

// $("#mobile-apply").click(function(){
// $("#mobile-apply-div").toggle();
// });
// $("#sub-1 .mobile-reg").click(function(){
// $("#sub-1").addClass('run');
// });
$("#sub-1 .btn-apply").click(function(){
$("#sub-1").addClass('run');
$('.sub-3').removeClass('is-hidden');
});

},
}
return nav.init();
});

new-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. [转]10个学习Android开发的网站推荐

    本文转自:http://blog.csdn.net/i_lovefish/article/details/43950893 1. Android Developers 作为一个Android开发者,官 ...

  2. Coax Transformers[转载]

    Coax Transformers How to determine the needed Z for a wanted Quarter Wave Lines tranformation ratio ...

  3. Zero

    Zero是我的极品现任BOSS曾用过的QQ昵称.那时候,我正跟京姑娘闹七年之痒,甩她而去赋闲在老家.Zero通过朋友介绍,看了我几篇零散的博客,就给我打电话,让我过来聊聊.本来我跟京姑娘也没有大矛盾, ...

  4. 搜索服务solr 一二事(1) - solr-5.5 使用自带Jetty或者tomcat 搭建单机版搜索服务器

    solr,什么是solr,就是你要吃的东西“馊了”,不能吃了,out of date~ 嘛...开个玩笑,发音就是‘搜了’,专门用于搜索的一个开源框架,lunce就不说了,不好用,麻烦 来讲讲solr ...

  5. 第2章 面向对象的设计原则(SOLID):3_依赖倒置原则(DIP)

    3. 依赖倒置原则(Dependence Inversion Principle,DIP) 3.1 定义 (1)要依赖抽象,不要依赖具体的实现类.简单的说就是对抽象(或接口)进行编程,不要依赖实现进行 ...

  6. java10-3 equals方法

    public boolean equals(Object obj):指示其他某个对象是否与此对象“相等”.   该方法,默认情况下比较的是地址值.但是,如果只是比较地址值的话,一般来说意义不大,所以要 ...

  7. ios app架构设计系统文章

    三. iOS应用架构谈(三):网络层设计方案(上) http://www.infoq.com/cn/articles/ios-app-arch-3-1?utm_source=infoq&utm ...

  8. Android Studio 三种添加插件的方式,androidstudio

    前几篇blog我们介绍了如何安装和配置Android Studio,这篇Blog我们来聊聊如何给Android Studio添加插件,添加插件的路径有三种,我把他们分类如下: 点击设置小按钮 点击[P ...

  9. python将文件写成csv文件保存到本地

    举个例子: import csv import os path='/tmp/' file='test.csv' def generate_csv(path,file): if not os.path. ...

  10. createElement创建标签及appendChild添加到元素的后面

    var p = document.createElement('p'); var box = document.getElementsByTagName('div')[0]; box.appendCh ...