diff --git a/core/themes/seven/css/components/entity-meta.css b/core/themes/seven/css/components/entity-meta.css
index 9877ec3..29bfa5b 100644
--- a/core/themes/seven/css/components/entity-meta.css
+++ b/core/themes/seven/css/components/entity-meta.css
@@ -57,3 +57,17 @@
 .entity-meta details .summary {
  display: none; /* Hide JS summaries. @todo Rethink summaries. */
 }
+/*collapse animation on details*/
+.entity-meta details {
+  max-height:60px;
+  overflow: hidden;
+  -moz-transition: max-height 1s ease-in-out;
+  -ms-transition: max-height 1s ease-in-out;
+  -o-transition: max-height 1s ease-in-out;
+  -webkit-transition: max-height 1s ease-in-out;
+  transition: max-height 1s ease-in-out;
+}
+.entity-meta details[open] {
+  max-height: 100000px; /* something 'impossibly' large */
+}
+/*collapse animation on details ends*/