Expand ~ Collapse ~ Invert the node teasers & titles

Yes, this would be relatively easy to do for node teasers - comments too - and I would welcome a patch.

I have been looking into a comment spoiler system for a review site. And I am very glad to have run into this issue; it pointed me in the right direction.

My JS skills are very poor. I tend to work from example only. If somebody else has not done it yet, then I tend to get stuck.

The attached JS file is what I am hoping to use for showing and hiding comments. It seems to work fine; the only problem I am having is with the comment API.

I can’t find a way to add the relevant html to the comments with out it being ugly. So for the moment I am adding the relevant html manually to my theme.

Maybe I am missing something but I can’t find a way to add wrapping divs to the comments without getting in the way of other comment modules or messing with the theme system.

It’s all still very ruff, and I left a lot of comments in the JS file for anybody else that would want to take this further.

Here is an example comment.tpl.php (Garland) for use with this JS file.

<div class="comment<?php print ($comment->new) ? ' comment-new' : ''; print ($comment->status == COMMENT_NOT_PUBLISHED) ? ' comment-unpublished' : ''; print ' '. $zebra; ?>">
  <div class="clear-block">
  <?php if ($submitted): ?>
    <span class="submitted"><?php print t('!date — !username', array('!username' => theme('username', $comment), '!date' => format_date($comment->timestamp))); ?></span>
  <?php endif; ?>

  <?php if ($comment->new) : ?>
    <a id="new"></a>
    <span class="new"><?php print drupal_ucfirst($new) ?></span>
  <?php endif; ?>

  <?php print $picture ?>

    <h3><?php print $title ?></h3>

    <div>
      <a href="#" title="Open" class="comment_open">[ + ]</a>
      <a href="#" title="Close" class="comment_close">[ x ]</a>
    </div>

    <div class="content">
      <?php print $content ?>
    </div>

  </div>

  <?php if ($links): ?>
    <div class="links"><?php print $links ?></div>
  <?php endif; ?>
</div>

Hope somebody finds this useful.

So, any further developments on this so-called "collapsinode" feature?

Also interested in this, any progress?

This would be really cool.

subscribing