dotjs script to toggle collapsing comments on HN

README.rst

To Use

install the dotjs extension:

• https://github.com/defunkt/dotjs/ (Chrome)
• https://addons.mozilla.org/firefox/addon/dotjs/ (Firefox)

place news.ycombinator.com.js in the appropriate directory:

• ~/.js/ on Mac and Linux

click on the text of a comment to toggle the visibility of its children.

enjoy!

news.ycombinator.com.js

$('body').append('<style>.collapsed{opacity:.3;}</style>');

$('body').delegate('.comment', 'click', function() {
    var topComment = $(this).parents('tr').eq(1);
    if (!topComment.length) return;
    topComment.toggleClass('collapsed');
    var initIndent = +topComment.find('img[width]').attr('width');
    var currentComment = topComment.next();
    var currentIndent = +currentComment.find('img[width]').attr('width');
    var isCollapsed = topComment.hasClass('collapsed');
    while (currentIndent > initIndent && currentComment.length) {
        currentComment.toggle(!isCollapsed);
        currentComment = currentComment.next();
        currentIndent = +currentComment.find('img[width]').attr('width');
    }
});