diff --git a/index.html b/index.html
index 4a47374..c2c4970 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
Hack or Snooze
login/signup
@@ -63,12 +63,13 @@
diff --git a/js/main.js b/js/main.js
index ce71836..4a8171c 100644
--- a/js/main.js
+++ b/js/main.js
@@ -14,6 +14,8 @@ const $navLogin = $("#nav-login");
const $navUserProfile = $("#nav-user-profile");
const $navLogOut = $("#nav-logout");
+const $addStoryForm = $('#add-story-form');
+
/** To make it easier for individual components to show just themselves, this
* is a useful function that hides pretty much everything on the page. After
* calling this, individual components can re-show just what they want.
diff --git a/js/nav.js b/js/nav.js
index c5196d1..44063fe 100644
--- a/js/nav.js
+++ b/js/nav.js
@@ -36,3 +36,11 @@ function updateNavOnLogin() {
$navLogOut.show();
$navUserProfile.text(`${currentUser.username}`).show();
}
+
+/** Show story submission form on click on "submit" */
+function navSubmitClick(evt) {
+ console.debug("navSubmitClick", evt);
+ evt.preventDefault();
+ hidePageComponents();
+ $addStoryForm.show();
+}
\ No newline at end of file