|
|
(One intermediate revision by the same user not shown) |
Line 1: |
Line 1: |
− | ;(function($, window, undefined) {
| |
− | "use strict";
| |
| | | |
− | jQuery(document).ready(function ($) {
| |
− |
| |
− | $(document).on('scroll', function () {
| |
− | // if the scroll distance is greater than 100px
| |
− | if ($(window).scrollTop() > 100) {
| |
− | // do something
| |
− | $('.site-header').addClass('scrolled-header');
| |
− | }
| |
− | else {
| |
− | $('.site-header').removeClass('scrolled-header');
| |
− | }
| |
− | });
| |
− |
| |
− | // go to top
| |
− | var offset = 300,
| |
− | offset_opacity = 1200,
| |
− | scroll_top_duration = 700,
| |
− | $back_to_top = $('.go-top');
| |
− | //hide or show the "back to top" link
| |
− | $(window).on('scroll', function(){
| |
− | ( $(this).scrollTop() > offset ) ? $back_to_top.addClass('go-top-visible') : $back_to_top.removeClass('go-top-visible go-top-fade-out');
| |
− | if( $(this).scrollTop() > offset_opacity ) {
| |
− | $back_to_top.addClass('go-top-fade-out');
| |
− | }
| |
− | });
| |
− |
| |
− | //smooth scroll to top
| |
− | $back_to_top.on('click', function(event){
| |
− | event.preventDefault();
| |
− | $('body,html').animate({
| |
− | scrollTop: 0 ,
| |
− | }, scroll_top_duration
| |
− | );
| |
− | });
| |
− |
| |
− | $('nav.main-navigation > ul > li').each(function(){
| |
− | $(this).find('.has-submenu').append('<i class="fa fa-angle-down"></i>');
| |
− | });
| |
− |
| |
− | // Mobile navigation
| |
− | $(".responsive-menu .menu-item-has-children").append('<div class="show-submenu"><i class="fa fa-chevron-circle-down"></i></div>');
| |
− |
| |
− | $(".responsive-menu").on("click", ".show-submenu", function(e) {
| |
− | e.stopPropagation();
| |
− |
| |
− | $(this).parent().toggleClass("current")
| |
− | .children(".sub-menu").toggleClass("open");
| |
− |
| |
− | $(this).html($(this).html() == '<i class="fa fa-chevron-circle-down"></i>' ? '<i class="fa fa-chevron-circle-up"></i>' : '<i class="fa fa-chevron-circle-down"></i>');
| |
− | $(".nano").nanoScroller();
| |
− | });
| |
− |
| |
− | $(".responsive-menu").on("click", "a", function(e) {
| |
− | if( ($(this).attr('href') === "#") || ($(this).attr('href') === "") ) {
| |
− | $(this).parent().children(".show-submenu").trigger("click");
| |
− | return false;
| |
− | } else {
| |
− | offcanvas_close();
| |
− | }
| |
− | });
| |
− | $(window).on("scroll", function() {
| |
− | if($(window).scrollTop() > 80) {
| |
− | $(".header").addClass("activeColour");
| |
− | } else {
| |
− | //remove the background property so it comes transparent again (defined in your css)
| |
− | $(".header").removeClass("activeColour");
| |
− | }
| |
− | });
| |
− |
| |
− | $(function(){
| |
− | $('#giflist li a img').hover(function(){
| |
− | // on mouse enter
| |
− | var customdata = $(this).parent().attr('id');
| |
− | $(this).attr('src',customdata);
| |
− | }, function(){
| |
− | // on mouse leave
| |
− | $(this).attr('src',$(this).attr('data-orig'));
| |
− | });
| |
− | });
| |
− |
| |
− | $(document).ready(function() {
| |
− | $('.icon_design').click(function() {
| |
− | //need to add if else here
| |
− | $('#teammeb1').removeClass('grayscale');
| |
− | });
| |
− |
| |
− | });
| |
− |
| |
− | $(function(){
| |
− | $(".teammember").hover(
| |
− | function(e){
| |
− |
| |
− | $(".sameBulb").hide();
| |
− | $(".bulbChange").show();
| |
− | }, // over
| |
− | function(e){
| |
− |
| |
− | $(".sameBulb").show();
| |
− | $(".bulbChange").hide();
| |
− | } // out
| |
− | );
| |
− |
| |
− | });
| |
− | $(function(){
| |
− | $('.icon_design').click(function() {
| |
− | $('.design').show();
| |
− | $(".fundraising").hide();
| |
− | $(".hardware").hide();
| |
− | $(".IT").hide();
| |
− | $(".pr").hide();
| |
− | $(".wetlab").hide();
| |
− | $(".organization").hide();
| |
− | $(".defaultText").hide();
| |
− |
| |
− | });
| |
− | $('.icon_fundraising').click(function() {
| |
− | $('.design').hide();
| |
− | $(".fundraising").show();
| |
− | $(".hardware").hide();
| |
− | $(".IT").hide();
| |
− | $(".pr").hide();
| |
− | $(".wetlab").hide();
| |
− | $(".organization").hide();
| |
− | $(".defaultText").hide();
| |
− | });
| |
− | $('.icon_hardware').click(function() {
| |
− | $('.design').hide();
| |
− | $(".fundraising").hide();
| |
− | $(".hardware").show();
| |
− | $(".IT").hide();
| |
− | $(".pr").hide();
| |
− | $(".wetlab").hide();
| |
− | $(".organization").hide();
| |
− | $(".defaultText").hide();
| |
− | });
| |
− | $('.icon_IT').click(function() {
| |
− | $('.design').hide();
| |
− | $(".fundraising").hide();
| |
− | $(".hardware").hide();
| |
− | $(".IT").show();
| |
− | $(".pr").hide();
| |
− | $(".wetlab").hide();
| |
− | $(".organization").hide();
| |
− | $(".defaultText").hide();
| |
− | });
| |
− | $('.icon_pr').click(function() {
| |
− | $('.design').hide();
| |
− | $(".fundraising").hide();
| |
− | $(".hardware").hide();
| |
− | $(".IT").hide();
| |
− | $(".pr").show();
| |
− | $(".wetlab").hide();
| |
− | $(".organization").hide();
| |
− | $(".defaultText").hide();
| |
− | });
| |
− | $('.icon_wetlab').click(function() {
| |
− | $('.design').hide();
| |
− | $(".fundraising").hide();
| |
− | $(".hardware").hide();
| |
− | $(".IT").hide();
| |
− | $(".pr").hide();
| |
− | $(".wetlab").show();
| |
− | $(".organization").hide();
| |
− | $(".defaultText").hide();
| |
− | });
| |
− | $('.icon_organization').click(function() {
| |
− | $('.design').hide();
| |
− | $(".fundraising").hide();
| |
− | $(".hardware").hide();
| |
− | $(".IT").hide();
| |
− | $(".pr").hide();
| |
− | $(".wetlab").hide();
| |
− | $(".organization").show();
| |
− | $(".defaultText").hide();
| |
− | });
| |
− |
| |
− | });
| |
− |
| |
− | function offsetAnchor() {
| |
− | if(location.hash.length !== 0) {
| |
− | window.scrollTo(window.scrollX, window.scrollY - 150);
| |
− | }
| |
− | }
| |
− | $(window).on("hashchange",offsetAnchor);
| |
− | window.setTimeout(offsetAnchor, 1);
| |
− |
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− | })(jQuery, window);
| |