From 9ca823680d805b5ba32eb7f6c761ee13ca826559 Mon Sep 17 00:00:00 2001
From: Yuxin Wu <ppwwyyxxc@gmail.com>
Date: Sat, 7 May 2022 05:53:42 -0700
Subject: [PATCH 1/2] Add folded/unfolded css class for codeblocks

This allows users to customize the styles of folded/unfolded blocks.
---
 source/js/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/js/main.js b/source/js/main.js
index 7f46128..325e38f 100644
--- a/source/js/main.js
+++ b/source/js/main.js
@@ -45,7 +45,7 @@
 
     function toggleFold(codeBlock, isFolded) {
         const $toggle = $(codeBlock).find('.fold i');
-        !isFolded ? $(codeBlock).removeClass('folded') : $(codeBlock).addClass('folded');
+        !isFolded ? $(codeBlock).removeClass('folded').addClass('unfolded') : $(codeBlock).addClass('folded').removeClass('unfolded');
         !isFolded ? $toggle.removeClass('fa-angle-right') : $toggle.removeClass('fa-angle-down');
         !isFolded ? $toggle.addClass('fa-angle-down') : $toggle.addClass('fa-angle-right');
     }

From 81900ebaeb80bdbc0b39bb0bddfe60cefc228ece Mon Sep 17 00:00:00 2001
From: Yuxin Wu <ppwwyyxxc@gmail.com>
Date: Sat, 7 May 2022 15:25:23 -0700
Subject: [PATCH 2/2] Update main.js

---
 source/js/main.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/source/js/main.js b/source/js/main.js
index 325e38f..2b31fb7 100644
--- a/source/js/main.js
+++ b/source/js/main.js
@@ -45,7 +45,7 @@
 
     function toggleFold(codeBlock, isFolded) {
         const $toggle = $(codeBlock).find('.fold i');
-        !isFolded ? $(codeBlock).removeClass('folded').addClass('unfolded') : $(codeBlock).addClass('folded').removeClass('unfolded');
+        !isFolded ? $(codeBlock).removeClass('folded') : $(codeBlock).addClass('folded');
         !isFolded ? $toggle.removeClass('fa-angle-right') : $toggle.removeClass('fa-angle-down');
         !isFolded ? $toggle.addClass('fa-angle-down') : $toggle.addClass('fa-angle-right');
     }
@@ -98,6 +98,8 @@
 
         if (fold) {
             $('figure.highlight').each(function() {
+                $(this).addClass('foldable'); // add 'foldable' class as long as fold is enabled
+
                 if ($(this).find('figcaption').find('span').length > 0) {
                     const span = $(this).find('figcaption').find('span');
                     if (span[0].innerText.indexOf('>folded') > -1) {