How to show or hide the entire column into a lister

There is a lot of interesting things that you can do with renderlet:LISTER.

So, one of them is to use some special effects to hide or show columns in lister.

For example, if you have two columns:

  1. first one contains the short description of something
  2. second one presents a long description of the same thing. But this description mustn't be displayed on page load.


So, what you can do is to create a renderlet:LISTER with two columns and to apply a majix event (for example "toggleBlind") on the first column to show the second one. You must also not forget to include the library for using "scriptaculous" class, like that:

	<meta>
...
<libs>scriptaculous</libs>
</meta>


You can see below an online example on how to use this kind of event:
formidable.typo3.ug/index.php

Or you can directly get the code here:
XML:    http://formidable.typo3.ug/pastebin/snippet/42.html
HTML:  http://formidable.typo3.ug/pastebin/snippet/43.html

To see the entire description of country, please click on the ISO name:

AND

ARE

AFG

ATG

AIA

ALB

ARM

ANT

AGO

ATA

ARG

ASM

AUT

AUS

ABW

AZE

BIH

BRB

BGD

BEL

If you want to get the entire code for this example, please click here: