From 5233a2fec279a4b41f6280ba911d7a43912d1714 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sun, 26 Dec 2021 20:45:19 -0500
Subject: [PATCH] [+] Collapse others on click

---
 src/components/BlogPost.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/BlogPost.vue b/src/components/BlogPost.vue
index 0514e8a..09a4a3f 100644
--- a/src/components/BlogPost.vue
+++ b/src/components/BlogPost.vue
@@ -2,7 +2,7 @@
     <div id="BlogPostPreview" class="card" :class="elClass">
         <img class="title-image" :src="image" v-if="image && imageOnTop" alt="Title Image">
 
-        <div id="titles">
+        <div id="titles" @click="clickTitle">
             <div id="date">{{date.format('YYYY-MM-DD')}}</div>
             <div id="title">{{meta.title}}</div>
             <div id="subtitle" v-if="meta.subtitle">{{meta.subtitle}}</div>
@@ -23,7 +23,7 @@
 
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
-import {Prop, Ref} from "vue-property-decorator";
+import {Prop} from "vue-property-decorator";
 import {hosts} from "@/scripts/constants";
 import {marked} from "marked";
 import Tag from "@/components/Tag.vue";
@@ -57,6 +57,12 @@ export default class BlogPostPreview extends Vue
 
     readonly uid = (Math.random() + 1).toString(36).substring(7)
 
+    clickTitle(): void
+    {
+        // Collapse everything that's not this
+        $(`.card:not(.${this.uid})`).accordion('option', {active: false});
+    }
+
     mounted(): void
     {
         // Create accordion