How do I add this feature, featured on Base's forum?

[Cool-Guy]

Hello,

Take a look at this image:



How do I add that minimize feature?

http://pluspromotion.forumotion.co.uk/

Thanks.

[Base]

Hi, in this case, jQuery was used. Credits to Saxaca for providing me with the code, please add this to your homepage message:

Code:

      <script>
    jQuery(function() {
      jQuery('div.forabg ul li.header').prepend('<span class="toggle" style="float: right; margin-right: 10px; font-weight: bold; margin-top: 5px; cursor: pointer;"><img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" /></span>');

      jQuery('.toggle').click(function() {
        if (jQuery(this).parent().parent().parent().find('li.row').is(':visible')) {
          jQuery(this).html('<img src="http://icons.iconarchive.com/icons/custom-icon-design/office/16/add-1-icon.png" width="10px" />');
          jQuery(this).parent().parent().parent().find('li.row').hide('slow');
        }

        else {
          jQuery(this).html('<img src="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/16/Math-minus-icon.png" width="10px" />');
          jQuery(this).parent().parent().parent().find('li.row').show('slow');
        }
      });
    });
    </script>