Expand my Community achievements bar.

SOLVED

Expandable Textbox

Avatar

Former Community Member

My client is interested in the following set up:

1. A user clicks a button and it brings up a hidden text box with information in it.

2. Within the textbox, there is another button that is capable of expanding the text box and shows additional information.

3. When the user is done, the click the button again and the text reverts back to the original view.

Can anyone guide me on how to set this situation up. I'm aware that it would take JS, but I'm rather elementary in the JS area.

1. What events would this required? (Mouseover/click?)

2. How do I keep the text box open and allow it to expand with a button clicked?

Any help would be greatly appreciated.

1 Accepted Solution

Avatar

Correct answer by
Level 7

Here's my solution for this. You'd want to do some prettying up of the layout before you submit it to anyone, of course.

770322_pastedImage_1.png

View solution in original post

1 Reply

Avatar

Correct answer by
Level 7

Here's my solution for this. You'd want to do some prettying up of the layout before you submit it to anyone, of course.

770322_pastedImage_1.png