test htmls

login.html

@@ -16,14 +16,13 @@
     </h5>
 </div>
 {{ super() }}
-
-<button type="button" class="collapsible-content">Open Collapsible</button>
-<div class="content">
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-</div>
-
 <div id="login-cilogon-info" class="service-login">
     <h5>
+    <details>
+        <summary>Summary</summary>
+    
+        <p>Detailed content goes here …</p>
+    </details>
     <p>Be sure to choose <ins>California State University San Bernardino</ins> on the next page instead of <del>ORCID</del> (or something else)</p>
     <img src="{{ static_url("select_idp_csusb.png") }}" alt="CILogon-CSUSB-Select">
     </h5>
@@ -50,19 +49,5 @@ img {
     height:auto;
     max-height:100%;
  }
-.collapsible-content {
-    background-color: #eee;
-    color: #444;
-    cursor: pointer;
-    padding: 18px;
-    width: 100%;
-    border: none;
-    text-align: left;
-    outline: none;
-    font-size: 15px;
-  }  
-.active, .collapsible:hover {
-background-color: #ccc;
-}
 </style>
 {% endblock %}
\ No newline at end of file