Fix closing results section (#41)

Fix for the closing of results when doing search for a second time

static/js/main.js

@@ -4,7 +4,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const elements = {
         searchInput: document.getElementById('search-input'),
         searchButton: document.getElementById('search-button'),
-        resultsSection: document.getElementById('results-section'),
+        resultsSectionAccordion: document.getElementById('results-section-accordion'),
+        searchAccordion: document.getElementById('search-accordion'),
         resultsHeading: document.getElementById('results-heading'),
         resultsTable: document.getElementById('results-table'),
         resultsTableBody: document.querySelector('#results-table tbody'),
@@ -96,7 +97,10 @@ document.addEventListener('DOMContentLoaded', () => {
                 STATE.isSearching = true;
                 utils.showLoading(elements.searchLoading);
 
-                utils.showAccordion(elements.resultsSection);
+                if (!elements.searchAccordion.classList.contains('uk-open'))
+                {
+                    utils.showAccordion(elements.resultsSectionAccordion);
+                };
                 const data = await utils.fetchJson(
                     `${API_ENDPOINTS.search}?query=${encodeURIComponent(query)}`
                 );

templates/index.html

@@ -34,7 +34,7 @@
             </section>
 
             <!-- Results Section -->
-            <ul uk-accordion id="results-section">
+            <ul uk-accordion id="results-section-accordion">
                 <li id="search-accordion">
                 <a class="uk-accordion-title" href><h1 class="uk-heading-xsmall">Search Results</h1></a>
                 <div class="uk-accordion-content">