Collapsable Quotes

As requested in this thread

Collapsable Quote Mod

What does it do?
==================
Sometimes, when others post lots of quotes, or very long ones, you might get the wish to hide the quoted text and only read the new posted message.
Now you can
This little mod makes the quotes collapsable, like the categories on the forumhome or other areas of vBulletin.


Installation
==============
To apply this go to:
AdminCP -> Style Manager -> Edit templates -> "BB Code Layout Templates" group -> Template: "bbcode_quote"

Edit that template, cut out (=delete) EVERYTHING that's in there and paste this back in:

<div style="margin:20px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">
<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">

<if condition="$show[quoteid]=$show[quoteid] + 1 + $vbulletin->userinfo[lastactivity]"></if>

  <tr>
    <td class="tcat">
      <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('quote_$show[quoteid]')"><img 

id="collapseimg_quote_$show[quoteid]" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
      <div class="smallfont" style="margin-bottom:2px">
        <a href="#top" onclick="return toggle_collapse('quote_$show[quoteid]')">$vbphrase[quote]
        <if condition="$show['username']">($username)</if>: <em>(click to expand/collapse)</em></a>
      </div>
    </td>
  </tr>

<tbody id="collapseobj_quote_$show[quoteid]" style="{$collapseobj_forumid}">
  <tr>
    <td class="alt2" style="border:1px inset">
      <if condition="$show['username']">
        <div><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div>
        <div style="font-style:italic">$message</div>
      <else />
        $message
      </if>
    </td>
  </tr>
</tbody>


</table>
</div>

<script type="text/javascript"> <!--
toggle_collapse('quote_$show[quoteid]');
--> </script>

Hit "SAVE" and you're done


*** If you are one of the lucky folks that have the "Template Manager" installed: ***
You can simply take the template .XML also supplied as download and import it via the template manager -> even faster and more easy done
(you might have to check "overwrite templates" when importing)


What else?
============
By default this collapsable quotes start up collapsed!
So if a user wants to read the quoted text he has to uncollapse it.

If you want it the other way round, users can collapse quotes they do not want to waste space for the moment:
Remove (or leave out at install) the last three lines of the template:

<script type="text/javascript"> <!--
toggle_collapse('quote_$show[quoteid]');
--> </script>

If that part is removed/left out all quotes start up uncollapsed and visible.


That's it.

Have fun

[InsaneContender]

Your code isn't XHTML 1.0 Traditional valid. Here's a quick fix...

Change:

<tbody id="collapseobj_quote_$show[quoteid]" style="{$collapseobj_forumid}">
  <tr>
    <td class="alt2" style="border:1px inset">
      <if condition="$show['username']">
        <div><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div>
        <div style="font-style:italic">$message</div>
      <else />
        $message
      </if>
    </td>
  </tr>
</tbody>

To this:

  <tr>
    <td id="collapseobj_quote_$show[quoteid]" style="{$collapseobj_forumid} border:1px inset" class="alt2" style="">
      <if condition="$show['username']">
        <div><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></div>
        <div style="font-style:italic">$message</div>
      <else />
        $message
      </if>
    </td>
  </tr>

Getting rid of that tbody tag takes care of it.

[Avalon111]

anyone tried this great mod on vb3.6.2?