I've done a lot of searching on this subject and found tons of different methods. While some come close, I haven't found what I'm looking for yet.

Basically, I'm working in Typo3 and I'm trying to create a number of links, that when clicked will change text that is displayed in a given area below the links. When a new link is clicked, I want the previous text to be overwritten with the info from the new info link.

An easier way to understand what I am talking about is to think about a picture gallery except instead of displaying a picture, the text changes. Please let me know if I am not being specific enough. Anything helps.

UPDATE:
I'm trying to do something very similar to what you see on this page. Except instead of the div becoming visible on hover, the text displays and stays OnClick until the next selection is made.

2 Answers
2

Here's a quick example of how to achieve this. You havent specific where the new text will come from, so I've just used a data-* attribute. You can change this to be whatever you need - whether it's another element, AJAX call etc.

I'm trying to do something very similar to what you see on this page. Except instead of the <div> becoming visible on hover, the text displays and stays OnClick until the next selection is made. [link] (greatbooks.org/index.php?id=2068)
–
JinchuApr 11 '12 at 17:39

Unfortunately the accordion doesn't do what I said I was looking for. I need a div to appear in a specific area solely based on what link you click, not a drop down list where multiple things can be shown at once. If you can make RGAaccordion do this, I don't know how, but I'll look into it. Thanks for the feedback though.
–
JinchuApr 12 '12 at 13:47

That is ALL divs need to appear in the SAME given area when the links that are located in different areas are clicked
–
JinchuApr 12 '12 at 13:54