u1-nav-js
'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的更多相关文章
- jquery.nav.js定位导航滚动插件
jQuery.nav.js插件代码: /* * jQuery One Page Nav Plugin * http://github.com/davist11/jQuery-One-Page-Nav ...
- js构建函数,点击按钮显示div,再点击按钮或其他区域,隐藏div
这只是一个例子,先看看效果: html代码: <nav> <span class="nav_logo"></span> <h1>云蚂 ...
- UIWebview于JS交互
最近使用火车票网的限行网页,但是广告以及头部nav和地步footer都是我们现在所不需要的,所以决定使用js交互,下面所有代码都写在 webViewDidFinishLoad 里面 1.查看原网址的源 ...
- react路由深度解析
先看一段代码能否秒懂很重要 这是app.js 全局js的入口 import React from 'react' import { render } from 'react-dom' import ...
- LoadRunner脚本编写(转)
性能测试工程师要懂代码么?答案是必须的.好多测试员认为在loadrunner中编写脚本很难很牛X ,主要是大多测试人员并未做过开发工作,大学的那点程序基础也忘记的差不多了.还有非计算机专业出身的测试员 ...
- jq滚动监听-导航滚动
github地址:https://github.com/yutaogege/jquery.nav.js 代码: <!DOCTYPE html> <html> <head& ...
- 前端工程模块化——以一个php项目为例
实现一个页面功能总是需要 JavaScript.CSS 和 Template 三种语言相互组织,所以我们真正需要的是一种可以将 JavaScript.CSS 和 Template 同时都考虑进去的模块 ...
- ms flexbox 布局 (ko list)
<!DOCTYPE html> <html> <head> <title></title> <script src="js/ ...
- gradient css
<!DOCTYPE html> <html> <head> <title></title> <script src="js/ ...
- ms-grid layout
<!DOCTYPE html> <html> <head> <title></title> <script src="js/ ...
随机推荐
- 探索 OpenStack 之(10):深入镜像服务Glance
本篇博文来探讨下镜像服务Glance. 0. 基本概念 0.1 基本功能 Glance提供REST API来支持以下镜像操作: 查询 注册 上传 获取 删除 访问权限管理 0.2 Glance RE ...
- Virtual Box上安装CentOS7
问题1:安装完没有桌面系统(Gnome或KDE)解答:安装的时候,软件选择为最小安装",更改该选择 问题2:开机提示Initial setup of CentOS Linux 7 (core ...
- 图论 公约数 找环和链 BZOJ [NOI2008 假面舞会]
BZOJ 1064: [Noi2008]假面舞会 Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 1655 Solved: 798[Submit][S ...
- HDU 1171 Big Event in HDU --暴力+生成函数
题意:给n种房子,每种房子有一个值val和个数cnt,现在要把这些房子分成两部分,争取两部分总值相等,如果不能相等,让A>B,且A-B最小. 解法:先跑一次生成函数,c[n]表示组成总值为n的方 ...
- CSU 1060 Nearest Sequence
题意:求三个序列的最长公共子序列. 思路:一开始以为只要求出前两个的LCS,然后和第三个再求一遍LCS就是答案了.但是样例就对我进行啪啪啪打脸了.实际上就跟两个序列的差不多,换成三维的就行了. 代码: ...
- JMeter学习(十九)JMeter测试MongoDB
JMeter测试MongoDB性能有两种方式,一种是利用JMeter直接进行测试MongoDB,还有一种是写Java代码方式测试MongoDB性能. 第一种方法 1.编写Java代码,内容如下: pa ...
- oracle转Mysql中,varchar2(10)和number应该转换为什么类型?
一. varchar2(10)和number应该转换为什么类型? oracle转成mysql时:varchar2(10)可以转成varchar(10)number则要看oracle中存储的具体是什么类 ...
- java 13-1 数组高级二分查找
查找: 1.基本查找:数组元素无序(从头找到尾) 2.二分查找(折半查找):数组元素有序 pS:数组的元素必须有顺序,从小到大或者从大到小.以下的分析是从小到大的数组 二分查找分析: A:先对数组进行 ...
- 过滤掉combobox里名称相同的选项
var pname = ""; $('#PartName').combobox({ reload: url, formatter: function (row) {//过滤comb ...
- 用运算符代替if、else