From 2c3cc33b1e00aeb59b38c4c0798d2d4ff19cb58a Mon Sep 17 00:00:00 2001 From: David Darnes Date: Thu, 16 Jun 2016 00:24:19 +0100 Subject: [PATCH] Creates simple js file to show how to add js to a theme --- _includes/scripts.js | 14 ++++++++++++++ _layouts/default.html | 1 + 2 files changed, 15 insertions(+) create mode 100644 _includes/scripts.js diff --git a/_includes/scripts.js b/_includes/scripts.js new file mode 100644 index 0000000..daff981 --- /dev/null +++ b/_includes/scripts.js @@ -0,0 +1,14 @@ +// Data attribute switch +var toggleState = function (elem, one, two) { + var elem = document.querySelector(elem); + elem.setAttribute('data-state', elem.getAttribute('data-state') === one ? two : one); +}; + +// Mobile navigation toggle selector +var buttonMenu = document.querySelector('.button--nav'); + if (typeof(buttonMenu) != 'undefined' && buttonMenu != null) { + buttonMenu.onclick = function (e) { + toggleState('.nav', 'open', 'closed'); + e.preventDefault(); + }; + }; diff --git a/_layouts/default.html b/_layouts/default.html index 2dcc463..4ee769f 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -17,5 +17,6 @@ {{ content }} +