How to put all the comments in a collapsible fieldset ?

i think it's only possible with javascript. try adding this code into your theme's page file just before the closing </body> tag

<script type="text/javascript">
if (cTop = document.getElementById("comment")) {
  var cFieldset = document.createElement("FIELDSET");
  var cLegend = document.createElement("LEGEND");
  cFieldset.appendChild(cLegend);
  var cParent = cTop.parentNode;
  var cNext = cTop.nextSibling;
  cFieldset.appendChild(cTop);
  var cCount = 0;
  while (cNext) {
    if (cNext.tagName=="DIV") cCount++;
    cCopy = cNext;
    cNext = cNext.nextSibling;
    cFieldset.appendChild(cCopy);
  }
  cFieldset.className = "collapsible" + ((location.href.indexOf('#comment')==-1) ? " collapsed" : "");
  cLegend.innerHTML = "<?php print t('Comments') ?> ("+cCount+")";
  cParent.appendChild(cFieldset);
  if ("function" != typeof(window.isJsEnabled)) {
    document.write("<script type=\"text/javascript\" src=\"<?php print $base_path ?>misc/drupal.js\"><\/script>");
  }
  if ("function" != typeof(window.collapseAutoAttach)) {
    document.write("<script type=\"text/javascript\" src=\"<?php print $base_path ?>misc/collapse.js\"><\/script>");
  }
}
</script>

--
Geneticists from METU

Add the below code to your theme's script.js(create if not exists or somehow insert this code into your pages)

$(document).ready(function() {
  var $comments = $('#comments');
  if (!$comments.size()) return;
  var count = $comments.find('.comment').size();
  var label = Drupal.formatPlural(count, '1 comment', '@count comments');
  var $legend = $(document.createElement('legend')).html(label);
  var fsetclass = 'comments collapsible' + (location.href.search(/#(comment|new)/) == -1 ? ' collapsed' : '');
  var $fset = $(document.createElement('fieldset')).addClass(fsetclass);
  $fset.insertBefore($comments).append($legend).append($comments);
  Drupal.behaviors.collapse($fset.parent());
});

Thanks for your suggested script, this time it counts the comments correctly but doesn't show the comments when clicked, just appears as text with the lines either side as though it should be a collaspible fieldset.

IE is reporting Webpage error details

Message: Object doesn't support this property or method
Line: 670
Char: 3
Code: 0

Which refers to Drupal.behaviors.collapse($fset.parent());

Maybe the answer lies somewhere inbetween the two. Unfortunately I can't work out exactly what each one is doing to figure it out :(

This solution works perfectly. But I need to make individual comments collapsible. Is there a way to do this or modify the solution provided here to that effect?

Many thanks!
Tamasco

Similarity, is there a way of showing 2 or 3 comments while all other comments are collapsed? And when clicking on 'expand' all other comments show. Can this be done?

Subscribing...

You should be able to figure out how to apply your collapse technique to every div with the class ".comment" by iterating through with .each(). Although I haven't done this, I did use code from this thread to collapse multiple #comments sections (I have a Q/A view that displays a question node with attached answer nodes; all of them can have #comments divs and I wanted to collapse all of them):

$(document).ready(function() {
  $( 'div[id^=comments]' ).each(function(index, comments) {
  	var $comments = $( comments );
  	if ($comments.length == 0) return;
  	var count = $comments.find('.comment').size();
  	var label = Drupal.formatPlural(count, '1 comment', '@count comments');
  	var $legend = $(document.createElement('legend')).html(label);
  	var fsetclass = 'comments collapsible' + (location.href.search(/#(comment|new)/) == -1 ? ' collapsed' : '');
  	var $fset = $(document.createElement('fieldset')).addClass(fsetclass);
  	$fset.insertBefore($comments).append($legend).append($comments);
  	Drupal.behaviors.collapse($fset.parent());
  });	
});

If you see anything wrong with this technique, please tell me. I haven't done browser testing yet, so I'll probably get boned by IE and have to revise using the other code.

I just started looking for this functionality yesterday.

The solution posted by Ufku (many thanks Ufku!) works great. The only problem I'm having is that the comments
are collapsed, but the comment form is expanded. When the user clicks to show comments, another comment form expands, so two comment forms show. I'm probably doing something wrong! Can anyone help?

In case I haven't explained myself very well, you can see what I mean here..

http://www.athenacontemporaryart.com/drupal/aroomwithaview

Thanks :-)

What is the solution for Drupal 7 ?

TIA

Put this code in your script.js

(function($) {$(function() {
  var $comments = $('#comments');
  if (!$comments.size()) return;
  var count = $comments.find('.comment').size();
  // if (!count) return; // Do nothing when there is no comment.
  var label = Drupal.formatPlural(count, '1 comment', '@count comments');
  var $legend = $(document.createElement('legend')).html('<span class="fieldset-legend">' + label + '</span>');
  var fsetclass = 'comments collapsible' + (location.href.search(/#(comment|new)/) == -1 ? ' collapsed' : '');
  var $fset = $(document.createElement('fieldset')).addClass(fsetclass);
  var $fsetwrap = $(document.createElement('div')).addClass('fieldset-wrapper');
  $fset.insertBefore($comments).append($legend).append($fsetwrap);
  $fsetwrap.append($comments);
  var attach = function() {Drupal.behaviors.collapse.attach($fset.parent(), Drupal.settings);};
  Drupal.behaviors.collapse ? attach() : $.getScript(Drupal.settings.basePath + 'misc/collapse.js', attach);
});})(jQuery);

Note that, yourtheme/script.js is no longer automatically loaded in d7. You need to manually add it to theme's info file.

scripts[] = script.js

If all you want to do is make your comments area div collapsible in Drupal 7, I found this article to be a lot of help:
http://timonweb.com/painless-collapsible-divs-drupal

With that article's help, I added the following to my node.tpl.php:

$collapsed_content = render($content['comments']);
print theme('ctools_collapsible', array('handle' => 'Click here to view/add comments', 'content' => $collapsed_content, 'collapsed' => TRUE)); 

It needs some styling help but it's the basic functionality that I was looking for.

The beauty of this solution is that you could use this to make just about anything collapsible in your theme- not just comments.

Let's make the comments collapsible one by one.

First, we need comment.tpl.php file in theme folder. If it doesn't exist, copy from comment module folder or create one.

Example comment.tpl.php:

<div class="comment<?php print ($comment->new) ? ' comment-new' : ''; print ' '. $status ?> clear-block">
  <?php print $picture ?>

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

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

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

  <div class="content">
    <?php print $content ?>
    <?php if ($signature): ?>
    <div class="user-signature clear-block">
      <?php print $signature ?>
    </div>
    <?php endif; ?>
  </div>

  <?php print $links ?>
</div>

Now, here is the magic. As you know Drupal has its own collapsible style. Why shouldn't we use Drupal way instead of other way? (:
So, put this code under the line which starts with div class="comment"

<fieldset class="collapsible collapsed">
<legend>  <?php print $author ?></legend>
<div class="fieldset-wrapper">

We opened a fieldset tag. $author is comment's owner. Look for other variables in comment.tpl.php under comment module folder.

Then, close fieldset and div tags. Put them under php endif;

</div>
</fieldset>

and ready. It's simple, isn't it? (:

so i tried a bunch of ways as suggested here

The thing I ended up doing since I was trying to basically just put all the "comments" stuff into a collapsible fieldset is outlined here:

-Go into the Content Type -> Manage Display.

-Create an empty fieldset called something like "Comments" (You'll need fieldset/fieldcollection modules)

-Once you have the group, grab the field_groupname for later use in code.

-In your theme's template.php, or whereever you have the render arrays you'll have something like this to basically add the "comments" object into the group fieldset you just created

function mytheme_preprocess_node(&$vars, $hook){
    $tempField = null;

            // Copy the comments / comment form into a variable.
    $tempField = $vars['content']['comments']; 

            // Rename some of the labels, use the markup
    $tempField['#title'] = "DMS URL";
    $tempField['#field_name'] = "field_comments";
    $tempField[0]['#markup'] = $vars['content']['comments'];

            // Add it into the group (fieldset/group name you copied)
    $vars['content']['group_commentsgroup']['field_comments'] = $tempField;
}

This will basically add your comments markup into an empty fieldset/group you created using node's manage display using fieldset/fieldcollection. Also, I was using ajax_comments for this..