From eed216c350ece3db60bc272cc2120aa24fdecf34 Mon Sep 17 00:00:00 2001
From: Karen Tu <karentu@ocf.berkeley.edu>
Date: Mon, 27 Nov 2017 20:40:23 -0800
Subject: [PATCH] hiding regular hours by default

---
 ocfweb/docs/templates/docs/lab.html | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/ocfweb/docs/templates/docs/lab.html b/ocfweb/docs/templates/docs/lab.html
index 6106cc406..ef28f2ff5 100644
--- a/ocfweb/docs/templates/docs/lab.html
+++ b/ocfweb/docs/templates/docs/lab.html
@@ -71,7 +71,9 @@ <h2 id="hours">Hours</h2>
                 </div>
 
 
-                <h3>Regular Weekly Hours</h3>
+		<h3>Regular Weekly Hours</h3>
+		<button class = "btn btn-primary" id = "weekly_hours_btn" onclick="toggle_weekly_hours()" style="opacity:0.3;">Show</button>
+		<div id = "weekly_hours" style="display:none;">
                 <p>The regular OCF hours are:</p>
                 <div class="row">
                     <div class="col-sm-8">
@@ -86,6 +88,7 @@ <h3>Regular Weekly Hours</h3>
                         </table>
                     </div>
                 </div>
+		</div>
 
                 {% if holidays %}
                     <h3 id="holidays">{{semester}} Holidays</h3>
@@ -131,4 +134,19 @@ <h4 id="walkthrough">Having trouble finding the entrance?</h4>
             </video>
         </div>
     </div>
+
+    <script>
+	function toggle_weekly_hours() {
+		var change = document.getElementById("weekly_hours_btn");
+		if (change.innerHTML == "Show")
+		{
+			change.innerHTML = "Hide";
+			$("#weekly_hours").show();
+		}
+		else {
+			change.innerHTML = "Show";
+			$("#weekly_hours").hide();
+		}
+	}
+    </script>
 {% endblock %}