Expandable and Collapsible Content

[mdwebcat]

Hello -

I am seeking some guidance/resources on the following issue. I have some content for a web page (3 separate sections) that I need to expand and collapse. I have found some script samples online that work okay but I need more functionality.

1. One section of content has three columns and several rows. For example:

PETS CAT BIRD
The dog is brown.

PETS CAT BIRD
PETS CAT BIRD
PETS CAT BIRD

** Where it says "The dog is brown" is what you will see when it is expanded. So, my question is how do I keep "Cat and Bird" showing within the same row as "PETS" when I expand it? Right now it is in a table and the columns are farther apart than what you see here. I need to also keep the other rows intact.

2. I have been testing scripts that use the "+" and the "-" symbol to the left of the content so that the user knows it is expandable. However, if I wanted to use a graphic such as a triangle, is this possible?

3. What about using bullets in the content that is expanded? Is it okay to use a regular list?

Thanks for any and all help!!!!