Excess comments (defaults to any over 3) are now hidden by default.

They can be shown by clicking on the 'show comments' link.

python/media/css/main.css

@@ -243,6 +243,7 @@ pre code {
 .post-comments ul {
     list-style: none;
     margin-left: 0;
+    margin-bottom: 18px;
 }
 
 .post-comments li {
@@ -275,6 +276,10 @@ li .post-comment-metadata {
     color: #999999;
 }
 
+.show-comments {
+    display: none;
+}
+
 .user-card {
     background-color: #F2F2F2;
 }

python/media/js/comments.js

@@ -0,0 +1,34 @@
+/**
+ * Bits of JavaScript used on the question page in Stackdump,
+ * (https://bitbucket.org/samuel.lai/stackdump/).
+ *
+ * Requires jQuery.
+ */
+
+function hideExcessCommentsInit() {
+    // this function initialises the 'hiding excess comments' functionality.
+    
+    // show the show-comments links and attach a click event handler to them
+    $('.show-comments').show();
+    $('.show-comments a').click(showHiddenComments);
+    
+    // hide the all the hidden comments
+    $('.hidden-comment').hide();
+}
+
+function showHiddenComments() {
+    // once comments are show, they can't be hidden again
+    
+    // get the relevant hidden comments
+    var comments = $(this).closest('.show-comments').siblings('ul').children('li.hidden-comment');
+    
+    // show the comments
+    comments.show();
+        
+    // hide the link
+    $(this).closest('.show-comments').hide();
+    
+    return false;
+}
+
+$(document).ready(hideExcessCommentsInit);