diff --git a/src/Templates/Footer.tmpl.php b/src/Templates/Footer.tmpl.php
index f94d939..835a1c8 100644
--- a/src/Templates/Footer.tmpl.php
+++ b/src/Templates/Footer.tmpl.php
@@ -9,6 +9,7 @@
 <script src="src/Templates/Scripts/bootstrap.bundle.min.js"></script>
 <script src="src/Templates/Scripts/lightbox.js"></script>
 <script src="src/Templates/Scripts/ModuleActionButtons.js"></script>
+<script src="src/Templates/Scripts/Expandable.js"></script>
 
 <script>
     function filterModule(searchString)
diff --git a/src/Templates/ModuleInfo.tmpl.php b/src/Templates/ModuleInfo.tmpl.php
index a233eaf..8766f21 100644
--- a/src/Templates/ModuleInfo.tmpl.php
+++ b/src/Templates/ModuleInfo.tmpl.php
@@ -291,20 +291,22 @@
                                         <tr>
                                             <td>Alle Versionen</td>
                                             <td>
-                                                <?php foreach ($module->getVersions() as $moduleVersion) {?>
-                                                    <?php $moduleVersionView = new ModuleViewModel($moduleVersion) ?>
-                                                    <a href="?action=moduleInfo&archiveName=<?= $moduleVersion->getArchiveName() ?>&version=<?= $moduleVersion->getVersion()?>">
-                                                        <?= $moduleVersionView->getVersionAndGitBranch(); ?>
-                                                    </a>
-                                                    <?php if ($moduleVersion->isInstalled()) { ?>
-                                                        <span>installiert</span>
-                                                    <?php } elseif ($moduleVersion->isLoaded()) { ?>
-                                                        <span>geladen</span>
-                                                    <?php } else { ?>
-                                                        <span>nicht geladen</span>
+                                                <div class="expandable">
+                                                    <?php foreach ($module->getVersions() as $moduleVersion) {?>
+                                                        <?php $moduleVersionView = new ModuleViewModel($moduleVersion) ?>
+                                                        <a href="?action=moduleInfo&archiveName=<?= $moduleVersion->getArchiveName() ?>&version=<?= $moduleVersion->getVersion()?>">
+                                                            <?= $moduleVersionView->getVersionAndGitBranch(); ?>
+                                                        </a>
+                                                        <?php if ($moduleVersion->isInstalled()) { ?>
+                                                            <span>installiert</span>
+                                                        <?php } elseif ($moduleVersion->isLoaded()) { ?>
+                                                            <span>geladen</span>
+                                                        <?php } else { ?>
+                                                            <span>nicht geladen</span>
+                                                        <?php } ?>
+                                                        <br>
                                                     <?php } ?>
-                                                    <br>
-                                                <?php } ?>
+                                                </div>
                                             </td>
                                         </tr>
 
diff --git a/src/Templates/Scripts/Expandable.js b/src/Templates/Scripts/Expandable.js
new file mode 100644
index 0000000..2e4dd71
--- /dev/null
+++ b/src/Templates/Scripts/Expandable.js
@@ -0,0 +1,34 @@
+const expandables = document.querySelectorAll('.expandable');
+
+expandables.forEach(function(expandable) {
+    const lines = 5;
+    expandable.style.maxHeight = "calc(1.5em * " + lines + ")";
+    expandable.style.overflow = "hidden";
+    if (hasOverflow(expandable, lines)) {
+        addExpandButton(expandable);
+    }
+});
+
+function hasOverflow(element, lines) {
+    if (countBRTags(element) > lines) {
+        return true;
+    }
+    return false;
+}
+
+function addExpandButton(expandable) {
+    var aTag = document.createElement('a');
+    aTag.href = "#"
+    aTag.addEventListener('click', function(event) {
+        event.preventDefault();
+        aTag.style.display = "none";
+        expandable.style.maxHeight = "inherit";
+    });
+    aTag.innerHTML = 'Alle Versionen anzeigen';
+    expandable.insertAdjacentElement('afterend', aTag);
+}
+
+function countBRTags(element) {
+    var brTags = element.innerHTML.match(/<br>/g);
+    return brTags ? brTags.length : 0;
+}