From bee681f36a903cf85e00c3ec75e5b1e2c2d9f143 Mon Sep 17 00:00:00 2001 From: rjmk Date: Sat, 16 May 2015 12:47:43 +0100 Subject: [PATCH] condenses the face-click code; closes issue #50 --- script.js | 70 ++++--------------------------------------------------- 1 file changed, 5 insertions(+), 65 deletions(-) diff --git a/script.js b/script.js index 5eb4367..902bdee 100644 --- a/script.js +++ b/script.js @@ -1,30 +1,6 @@ -$('#Anni').click(function(){ - $('#DanielProfile').addClass('hidden'); - $('#MinaProfile').addClass('hidden'); - $('#RafeProfile').addClass('hidden'); - $('#AnniProfile').toggleClass('hidden'); -}); - -$('#Daniel').click(function(){ - $('#DanielProfile').toggleClass('hidden'); - $('#MinaProfile').addClass('hidden'); - $('#RafeProfile').addClass('hidden'); - $('#AnniProfile').addClass('hidden'); -}); - -$('#Mina').click(function(){ - $('#DanielProfile').addClass('hidden'); - $('#MinaProfile').toggleClass('hidden'); - $('#RafeProfile').addClass('hidden'); - $('#AnniProfile').addClass('hidden'); -}); - -$('#Rafe').click(function(){ - $('#DanielProfile').addClass('hidden'); - $('#MinaProfile').addClass('hidden'); - $('#RafeProfile').toggleClass('hidden'); - $('#AnniProfile').addClass('hidden'); -}); +$('.face').click(function(){ + $('.profile').toggleClass('hidden'); +}) $('#hamburger').click(function(){ $('#navigation').toggleClass('hidden'); @@ -58,41 +34,5 @@ filterMethod.call(filterMethod.call(document.getElementById('blog-carousel').chi }).children , function(element){ return element.className === 'right-arrow'; }).forEach(function(element){ - element.addEventListener("click",carouselShift(1, element)) -}) - -// var start; -// var stop; -// var variables = { -// startX: 0, -// ev: undefined -// } -// var start = function(ev,elem){ -// return function(){ -// variables.startX = ev.pageX; -// variables.ev = ev; -// } -// } - -// var stop = function(ev,elem){ -// var distX = ev.pageX - variables.startX; -// console.log(distX); -// if (distX > 100){ -// this.carouselShift(-1); -// } -// if (distX < -100){ -// this.carouselShift(1); -// } -// } - -// filterMethod.call(document.getElementsByClassName('carousel')[0].children, function(element){ -// return element.className === 'mini-blog' || element.class === 'projects'; -// }).forEach(function(element){element.addEventListener("touchstart",function(ev){ -// start(ev,element); -// })}); - -// filterMethod.call(document.getElementsByClassName('carousel')[0].children, function(element){ -// return element.className === 'mini-blog' || element.class === 'projects'; -// }).forEach(function(element){element.addEventListener("touchend",function(ev){ -// stop(ev,element); -// })}); + element.addEventListener("click",carouselShift(1, element)); +});