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 ...
随机推荐
- Mybatis框架_part1
mybatis介绍 mybatis就是一个封装了jdbc的持久层框架,它的前身是ibatis.Mybatis与hibernate一样都是持久层框架,但是它与hibernate不同的是,它不是一个完全的 ...
- bootstrap学习总结-css组件(三)
今天我们来看看css组件效果以及其中比较重要的类,这些类都不难,关键要熟练掌握,搭配使用,灵活运用.关于前两篇中,css样式和布局的文章,大家可以在首页进行阅读.http://www.cnblogs. ...
- Tomcat与内存泄露
一.Tomcat的JVM提示内存溢出 查看%TOMCAT_HOME%\logs文件夹下,日志文件是否有内存溢出错误 二.修改Tomcat的JVM 1.错误提示:java.lang.OutOfMemor ...
- easyui 的 DataGrid View 使用
easyui真是后台人员的宝呀,让不会前台的程序员,不用再用那些自己看着都恶心的表格了! 今天来说说easyui datagrid 的 数据表格详细展示表格,这个有趣多了! 先上图 然后是代码 $(' ...
- 学员信息录入(StuInfoManager) 用分层实现(既MySchool后的一个案例)
数据库 数据表名 Student 中文表名 学员信息表 字段显示 字段名 数据类型 字段大小 备注和说明 编号 stu_id int 主键,自增1 学生姓名 stu_name varchar 50 不 ...
- PHP简单post验证绕过
if($_POST[user] && $_POST[pass]) { $conn = mysql_connect("*******", "****&quo ...
- js原生选项卡(自动播放无缝滚动轮播图)二
今天分享一下自动播放轮播图,自动播放轮播图是在昨天分享的轮播图的基础上添加了定时器,用定时器控制图片的自动切换,函数中首先封装一个方向的自动播放工能的小函数,这个函数中添加定时器,定时器中可以放向右走 ...
- Xcode7创建的项目添加启动图有问题?
在Xcode7下创建的项目,由于某个原因,Xcode7添加启动图有点不一样.Xcode7与Xcode6不一样的地方在于:Xcode6的LaunchScreen.xib改成了LaunchScreen.s ...
- 关于RACK的一点简单介绍
0 前言 如有错误欢迎指出,如需转载,请注明原文链接. 1 Rack是什么 一句话介绍,Rack是一个Web接口,定义了一系列的标准,具体实现的工作是交给服务器(puma, thin等)做的. 如果你 ...
- OAF中 遍历HGrid组件中的所有VO行
在HGrid组件中有如下所示的HeaderVO和LineVO 需要在头上的LOV中触发事件去更新行VO中的值,LOV事件的处理方法见 getLovParameter ,但是由于HGrid的特殊性,不能 ...