Hey,
In the link below, i have provided a jsFiddle document which shows the work I have currently got.
What i am current have trouble with is that when i click ‘Joe Bloggs’ the hidden content appears yes, although i would like the purple line to be one whole line (instead of two).
So basically, when the user clicks on ‘Joe Bloggs’ the purple line will automatically be adjust to the amount of content that will be there.
The jsFiddle work: http://jsfiddle.net/7pUuD/
Any help much appreciated. Cheers.