All animations built

www/js/main.js

@@ -28,7 +28,7 @@ $(() => {
           minHeight: '100vh'
         }, {
           duration: 300,
-          queue: false,
+          queue: true,
           complete: () => {
             $('.main.not' + openPerson).css('width', 0)
             $('#splash-' + openPerson).css({
@@ -61,11 +61,26 @@ $(() => {
             })
           }
         })
-
-        // SHOW LINKS HERE
       }
+
+      // Display the links
+      setTimeout(() => {
+        $('#links-' + openPerson).animate({
+          height: $('#links-' + openPerson).get(0).scrollHeight
+        }, {
+          duration: 300,
+          queue: true
+        })
+      }, 300)
     } else {
-      // If a profile is open, close it...
+      // If a profile is open, close it.
+      $('#links-' + openPerson).animate({
+        height: 0
+      }, {
+        duration: 300,
+        queue: true
+      })
+
       if (window.matchMedia('(orientation: portrait)').matches) {
         // If we're closing in portrait mode...
         $('.main.not' + openPerson).css('width', '100vw')
@@ -109,7 +124,6 @@ $(() => {
            openPerson = false
          }
         })
-
       }
     }
   })