diff --git a/docs/reST/_static/sections.js b/docs/reST/_static/sections.js
index 3b1a9ed29c..7ff7f107ef 100644
--- a/docs/reST/_static/sections.js
+++ b/docs/reST/_static/sections.js
@@ -1,3 +1,22 @@
-const page = document
-
-page.
\ No newline at end of file
+function toggleSectionVisibility(section){
+	document.getElementById(section).hidden = ! document.getElementById(section).hidden;
+	if (document.getElementById(section).hidden === true){
+		items = localStorage.getItem('hidden');
+		if (items !== null){
+			if (!(items.includes(section))){
+				items = items + '|' + section + '|';
+			}
+			localStorage.setItem('hidden', items);
+		} else {
+			localStorage.setItem('hidden', section);
+		}
+	} else {
+		items = localStorage.getItem('hidden');
+		if (items !== null){
+			if (items.includes(section)){
+				items = items.replace(section + '|', '')
+			}
+			localStorage.setItem('hidden', items);
+		}
+	}
+}
\ No newline at end of file
diff --git a/docs/reST/themes/classic/elements.html b/docs/reST/themes/classic/elements.html
index 261250ce1b..d501889dac 100644
--- a/docs/reST/themes/classic/elements.html
+++ b/docs/reST/themes/classic/elements.html
@@ -35,7 +35,7 @@ <h5>pygame-ce documentation</h5>
       </div>
 	  </div>
       <hr style="color:#424242;border-bottom:none;border-style: solid;border-bottom-style:none;">
-      <div style="overflow-y: auto; height: 75vh;">
+      <div style="overflow-y: auto; height: 65vh;">
 {#-
 
 We render those sections based on functionality.
@@ -53,7 +53,7 @@ <h5>pygame-ce documentation</h5>
 {%- set hidden = ['Overlay', 'cdrom', 'sdl2_video', 'sdl2_controller'] %}
 {%-   if pyg_sections %}
 
-        <p class="bottom"><b>Window</b><br></p>
+        <p class="bottom" onclick="toggleSectionVisibility('Window');"><b>Window</b><br></p>
         <div class="bottom" id="Window">
 {%      set sep = joiner("<br>") %}
 {%-     for section in pyg_sections %}
@@ -71,7 +71,7 @@ <h5>pygame-ce documentation</h5>
         </div>
 
         <hr style="color:#222222;border-bottom:none;border-style: solid;border-bottom-style:none;">
-        <p class="bottom"><b>Drawing / Surface</b><br></p>
+        <p class="bottom" onclick="toggleSectionVisibility('Drawing');"><b>Drawing / Surface</b><br></p>
         <div class="bottom" id="Drawing">
 {%      set sep = joiner("<br>") %}
 {%-     for section in pyg_sections %}
@@ -89,7 +89,7 @@ <h5>pygame-ce documentation</h5>
         </div>
 
         <hr style="color:#222222;border-bottom:none;border-style: solid;border-bottom-style:none;">
-        <p class="bottom" onclick=""><b>Events/Input</b><br></p>
+        <p class="bottom" onclick="toggleSectionVisibility('Events');"><b>Events/Input</b><br></p>
         <div class="bottom" id="Events">
 {%      set sep = joiner("<br>") %}
 {%-     for section in pyg_sections %}
@@ -107,7 +107,7 @@ <h5>pygame-ce documentation</h5>
         </div>
 
         <hr style="color:#222222;border-bottom:none;border-style: solid;border-bottom-style:none;">
-        <p class="bottom"><b>Collisions</b><br></p>
+        <p class="bottom" onclick="toggleSectionVisibility('Collisions');"><b>Collisions</b><br></p>
         <div class="bottom" id="Collisions">
 {%      set sep = joiner("<br>") %}
 {%-     for section in pyg_sections %}
@@ -125,7 +125,7 @@ <h5>pygame-ce documentation</h5>
         </div>
 
         <hr style="color:#222222;border-bottom:none;border-style: solid;border-bottom-style:none;">
-        <p class="bottom"><b>Music</b><br></p>
+        <p class="bottom" onclick="toggleSectionVisibility('Music');"><b>Music</b><br></p>
         <div class="bottom" id="Music">
 {%      set sep = joiner("<br>") %}
 {%-     for section in pyg_sections %}
@@ -143,7 +143,7 @@ <h5>pygame-ce documentation</h5>
         </div>
 
         <hr style="color:#222222;border-bottom:none;border-style: solid;border-bottom-style:none;">
-        <p class="bottom"><b>Other</b><br></p>
+        <p class="bottom" onclick="toggleSectionVisibility('Other')"><b>Other</b><br></p>
         <div class="bottom" id="Other">
 {%      set sep = joiner("<br>") %}
 {%-     for section in pyg_sections %}
@@ -178,4 +178,11 @@ <h5>pygame-ce documentation</h5>
 
 {%- block relbaritems %}
     <script type="text/javascript" src="https://www.pyg ame.org/comment/jquery.plugin.docscomments.js"></script>
+    <script type="text/javascript">
+      if (localStorage.getItem('hidden') !== null){
+        localStorage.getItem('hidden').split("|").forEach(element => {
+          if (document.getElementById(element) !== null) {document.getElementById(element).hidden = true};
+        });
+      }
+    </script>
 {% endblock %}
diff --git a/docs/reST/themes/classic/static/pygame.css_t b/docs/reST/themes/classic/static/pygame.css_t
index 96146880a4..c1ab084ecd 100644
--- a/docs/reST/themes/classic/static/pygame.css_t
+++ b/docs/reST/themes/classic/static/pygame.css_t
@@ -174,7 +174,8 @@ div.header .pagelinks a:hover {
 .pagelinks .bottom a {
     font-weight: 400;
     color: {{ theme_linkcolor2 }};
-    margin-left: 1em;}
+    margin-left: 1em;
+}
 .dark-theme .pagelinks .bottom a {
     color: {{ theme_dark_linkcolor2 }};
     font-size: 1.1rem;