CSS line help

[tebrown]

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.

[meesa]

Make it all part of one parent, in which that parent has a left border which makes the purple line. Then sepearate internal containers as you want the spacing to work.

[tebrown]

Cheers Thankyou.