Expand and collapse info by header or image
- Elaini
- Prolific Pixel
- Posts: 196
- Joined: Sat Mar 25, 2017 4:05 pm
- Location: Finland
- IMVU Homepage: http://avatars.imvu.com/Elaini
- Contact:
Expand and collapse info by header or image
I have a lot of information in my web profiles... no doubt it's tl;dr for many visitors but I still want to keep that information just in case someone gets interested and bothers to read it, and keep it as well organized, too. I do intend to keep my profiles as the center point of my IMVU activities, after all.
So I'm looking for a simple script that toggles the <div> below as visible or invisible simply by clicking a link above, either in a form of a header or an image. If the link and div are similarly titled in code, the script would link them somehow... or however it works.
An example in point...
If the script has an effect to it that slides it open or closed, all the better.
So I'm looking for a simple script that toggles the <div> below as visible or invisible simply by clicking a link above, either in a form of a header or an image. If the link and div are similarly titled in code, the script would link them somehow... or however it works.
An example in point...
If the script has an effect to it that slides it open or closed, all the better.
Re: Expand and collapse info by header or image
You mean like a show/hide button ?
Like how I did on my page
http://www.imvu.com/shop/product.php?pr ... d=38769282
Like how I did on my page
http://www.imvu.com/shop/product.php?pr ... d=38769282
- gaf210
- Prolific Pixel
- Posts: 134
- Joined: Sat Feb 25, 2017 10:27 am
- Location: Argentina
- IMVU Homepage: http://avatars.imvu.com/gaf210
- Contact:
Re: Expand and collapse info by header or image
Made a quick little code to do just as you asked here:
http://filedrive.imvustylez.net/file/1508899704
Feel free to tweak around ^^
TIP: change the 'slow' for 'fast' if you want the toggle to be quicker ^^
http://filedrive.imvustylez.net/file/1508899704
Feel free to tweak around ^^
TIP: change the 'slow' for 'fast' if you want the toggle to be quicker ^^
- Elaini
- Prolific Pixel
- Posts: 196
- Joined: Sat Mar 25, 2017 4:05 pm
- Location: Finland
- IMVU Homepage: http://avatars.imvu.com/Elaini
- Contact:
- gaf210
- Prolific Pixel
- Posts: 134
- Joined: Sat Feb 25, 2017 10:27 am
- Location: Argentina
- IMVU Homepage: http://avatars.imvu.com/gaf210
- Contact:
Re: Expand and collapse info by header or image
wooot! let me know if you need any help setting the code up 

- Elaini
- Prolific Pixel
- Posts: 196
- Joined: Sat Mar 25, 2017 4:05 pm
- Location: Finland
- IMVU Homepage: http://avatars.imvu.com/Elaini
- Contact:
Re: Expand and collapse info by header or image
I understood it.

- gaf210
- Prolific Pixel
- Posts: 134
- Joined: Sat Feb 25, 2017 10:27 am
- Location: Argentina
- IMVU Homepage: http://avatars.imvu.com/gaf210
- Contact:
Re: Expand and collapse info by header or image
woah! i love how you styled the links and how you even nested them one into the other... you can really code hun! Love the feel of the page too... you really caught that Lord of the Rings elvish look
Congrats!!

- Elaini
- Prolific Pixel
- Posts: 196
- Joined: Sat Mar 25, 2017 4:05 pm
- Location: Finland
- IMVU Homepage: http://avatars.imvu.com/Elaini
- Contact:
Re: Expand and collapse info by header or image
Thank you... Well, it's a themed account. I didn't want to just snatch the name and then make it something random, so I make sure that it also honors the character. I'll make the background lighter later...
Re: Expand and collapse info by header or image
Wow, that drop down looks so professional. You wouldn't happen to mind if I used that code, would you? Puts my noob coding to shame.
- Elaini
- Prolific Pixel
- Posts: 196
- Joined: Sat Mar 25, 2017 4:05 pm
- Location: Finland
- IMVU Homepage: http://avatars.imvu.com/Elaini
- Contact:
Re: Expand and collapse info by header or image
It's Gaf's, up to him.

- gaf210
- Prolific Pixel
- Posts: 134
- Joined: Sat Feb 25, 2017 10:27 am
- Location: Argentina
- IMVU Homepage: http://avatars.imvu.com/gaf210
- Contact:
Re: Expand and collapse info by header or image
Hehee of course theres no probs buddy! Its there for anyone that wants to use it.
Btw imvu homepages already include jquery so that first line of code can be ignored
