Add new search bar functionality

2018-08-03 00:08:10 -05:00
parent 09ae6712bb
commit a9a267df2a
4 changed files with 108 additions and 5 deletions
--- a/src/scripts/layout.js
+++ b/src/scripts/layout.js
@@ -0,0 +1,26 @@
+
+/* Interactions
+   ================================================================== */
+$('#searchButton').click(function(){
+  showSearch()
+})
+$('#searchCloseButton').click(function(){
+  closeSearch()
+})
+
+
+
+/* Functions
+   ================================================================== */
+function showSearch() {
+  $('#searchbarNav').addClass('active')
+  $('#searchbarNav input').focus()
+  $('#navbarNav').addClass('invisible')
+  // $('#search-overlay').addClass('active')
+}
+
+function closeSearch() {
+  $('#searchbarNav').removeClass('active')
+  $('#navbarNav').removeClass('invisible')
+  // $('#search-overlay').removeClass('active')
+}