diff --git a/webapp/src/main/webapp/themes/iph/templates/elenph_issue.ftl b/webapp/src/main/webapp/themes/iph/templates/elenph_issue.ftl
index 0e3d21c4e..5f1ed9eb9 100644
--- a/webapp/src/main/webapp/themes/iph/templates/elenph_issue.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/elenph_issue.ftl
@@ -5,16 +5,16 @@
     <#if !issueName??>
       <#assign issueName = article.issue>
       <#assign divOpened = true >
-      <button type="button" style="display: block; border:none;padding: 18px;width: 100%; text-align:left;" class="collapsible">${issueName}</button>
-      <div clas="issue" style="list-style:none; padding: 18px;">
+      <button type="button" style="border:none;padding: 18px;width: 100%; text-align:left;" class="collapsible active">${issueName}</button>
+      <div class="issue" style="list-style:none; padding: 18px;">
         <p><a href="${urls.base}/individual?uri=${article.uri?url}">${article.name}</a></p>
     <#elseif issueName == article.issue>
       <p><a href="${urls.base}/individual?uri=${article.uri?url}">${article.name}</a></p>
     <#else> 
       <#assign issueName = article.issue>
       </div>
-      <button type="button" style="display:block; border:none;padding: 18px;width: 100%; text-align:left;" class="collapsible">${issueName}</button>
-      <div clas="issue" style="list-style:none; padding: 18px;">
+      <button type="button" style="border:none;padding: 18px;width: 100%; text-align:left;" class="collapsible active">${issueName}</button>
+      <div class="issue" style="list-style:none; padding: 18px;">
         <p><a href="${urls.base}/individual?uri=${article.uri?url}">${article.name}</a></p>
     </#if>
   </#list>
@@ -38,4 +38,8 @@ for (i = 0; i < coll.length; i++) {
     }
   });
 }
+var issueContents = document.getElementsByClassName("issue");
+for (i = 0; i < issueContents.length; i++) { 
+    issueContents[i].style.display = "none";
+}
 </script>