diff --git a/view/template/content/roadmap.php b/view/template/content/roadmap.php
index a1e50e82..5781edc9 100644
--- a/view/template/content/roadmap.php
+++ b/view/template/content/roadmap.php
@@ -37,7 +37,7 @@
         </h2>
         <div class="roadmap-group <?php echo !$isOpen ? 'roadmap-group-closed' : '' ?>">
           <?php $lastItem = end($groupItems) ?>
-          <?php $maxItems = isset($lastItem['version']) ? 3 : count($groupItems) ?>
+          <?php $maxItems = isset($lastItem['version']) ? 1 : count($groupItems) ?>
           <?php $index = 0 ?>
           <?php if (count($groupItems) > $maxItems): ?>
             <div class="text-center spacer1"><a href="javascript:;" class="link-primary show-all-roadmap-group-items">Show All Items for <?php echo $group ?></a></div>
diff --git a/web/js/roadmap.js b/web/js/roadmap.js
index d6109b2a..f8fbc755 100644
--- a/web/js/roadmap.js
+++ b/web/js/roadmap.js
@@ -10,13 +10,11 @@ lbry.roadmap = function(selector)
     $(this).remove();
   });
   roadmap.on('click', '.roadmap-group-title', function() {
-    $(this).next('.roadmap-group')
-      .toggleClass('roadmap-group-closed').toggleClass('roadmap-group-open');
-      // .find('.roadmap-item')
-      //   .toggleClass('roadmap-item-open', $(this).hasClass('roadmap-group-open'))
-      //   .toggleClass('roadmap-item-closed', $(this).hasClass('roadmap-group-closed'))
+    var target = $(this).next('.roadmap-group');
+    target.toggleClass('roadmap-group-closed').toggleClass('roadmap-group-open');
+    if (target.hasClass('roadmap-group-open'))
+    {
+      target.find('.show-all-roadmap-group-items').click();
+    }
   });
-  // roadmap.on('click', '.roadmap-item-header', function() {
-  //   $(this).closest('.roadmap-item').toggleClass('roadmap-item-open').toggleClass('roadmap-item-closed');
-  // });
 }
\ No newline at end of file