diff options
-rw-r--r-- | src/index.html | 19 | ||||
-rw-r--r-- | src/js/menu-magic.js | 7 |
2 files changed, 13 insertions, 13 deletions
diff --git a/src/index.html b/src/index.html index f19761b..dee5f92 100644 --- a/src/index.html +++ b/src/index.html @@ -31,7 +31,7 @@ <button class="has-dropdown menu-clickable" id="explore-submenu-link" onclick="exploreSubToggle(this)">Explore</button> <button class="menu-clickable" id="#/chat-section" onclick="menusel(this)">Chat</button> <button class="menu-clickable" id="#/settings-section" onclick="menusel(this)">Settings</button> - <button class="menu-clickable" id="#/stellar-section" onclick="menusel(this)">Stellar</button> + <button class="has-dropdown menu-clickable" id="#/stellar-section" onclick="stellarSubToggle(this)">Stellar</button> <button class="menu-clickable" id="#/about-section" onclick="menusel(this)">About</button> </div> <div id="menu" class="linkin lower-floor"> @@ -47,18 +47,11 @@ <button class="menu-clickable" id="#/stats-section" onclick="menusel(this)">Stats</button> </div> <div class="dropdown" id="stellar-submenu"> - <span id="mypage-section-link"> - <button href="#mypage-section" onclick="menusel(this)">My page</button> - </span> - <span id="stellar-balances-link"> - <button href="#stellar-balances" onclick="menusel(this)">Balances</button> - </span> - <span id="stellar-data-config-link"> - <button href="#stellar-data-config" onclick="menusel(this)">Data</button> - </span> - <span id="arching-kaos-id-link"> - <button href="#arching-kaos-id" onclick="menusel(this)">AKID</button> - </span> + <button class="menu-clickable" onclick="stellarSubToggle(this)">..</button> + <button class="menu-clickable" id="#/mypage-section" onclick="menusel(this)">My page</button> + <button class="menu-clickable" id="#/stellar-balances" onclick="menusel(this)">Balances</button> + <button class="menu-clickable" id="#/stellar-data-config" onclick="menusel(this)">Data</button> + <button class="menu-clickable" id="#/arching-kaos-id" onclick="menusel(this)">AKID</button> </div> </div> </nav> diff --git a/src/js/menu-magic.js b/src/js/menu-magic.js index bc48a65..b4ee247 100644 --- a/src/js/menu-magic.js +++ b/src/js/menu-magic.js @@ -25,6 +25,13 @@ function exploreSubToggle(){ lowerFloor.style.display = lowerFloor.style.display === 'none' ? 'flex' : 'none'; } +var stellarSubmenu = document.querySelector('#stellar-submenu'); +stellarSubmenu.style.display = 'none'; +function stellarSubToggle(){ + stellarSubmenu.style.display = stellarSubmenu.style.display === 'none' ? 'flex' : 'none'; + upperFloor.style.display = upperFloor.style.display === 'none' ? 'flex' : 'none'; + lowerFloor.style.display = lowerFloor.style.display === 'none' ? 'flex' : 'none'; +} // Function to hide all the panes function menuinit(){ |