Animated Collapsible DIV v2.4 - Updating it

[miradoro]

Hi
i am using
http://www.dynamicdrive.com/dynamici...edcollapse.htm

but i would like to combinate with this navigation
http://www.bfmarketing.com/LNA-3071-...ge/change.html

Can anyone help?

[ddadmin]

Combining the two in what way?

[miradoro]

when you click on button1 (energy and efficiency ...) the other images change and a panel appears ...you can see it @ http://www.bfmarketing.com/LNA-3071-Landing-page/

Please advice

[ddadmin]

Hmm if you look at Example 4, 5, and 6 on the script page, you'll see it does support using images to toggle content, with the image itself changing based on the state of the corresponding content.

[miradoro]

Hi, yes and it is excellent but i was looking for an option where the image changes other images as you can see on my navigation
will that be possible?

[ddadmin]

Hmm on the example page you cited, I see four images that each change when their corresponding DIV is expanded, and changes back to their original image when contracted instead. There are no other changes to any other images on the page. If that's the case, then as mentioned, demos 4 to 6 already demonstrates this in action. Just make sure all your DIVs are initialized as part of the same group, for example:

animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')

Again, please see demos 4 to 6 and the code to copy and paste.

[miradoro]

hi
i have 3 styles for each button image

btn-on (shows full image)
btn-light (ghosted image)
btn-off (shows image in color)

'data-closedimage' (btn-light) overrides the image in color (btn-off)....is there a way to have 'data-closedimage' activated only after a click?

[miradoro]

i guess what i am trying to say is
can i load the page by showing the image indicated between the <img> tags?

[miradoro]

can i load the page by showing the image indicated between the <img> tags instead of having 'data-closedimage' show first?

[ddadmin]

So just to be clear, initially you want whatever image is defined in the "src" property of the toggler button to be shown regardless of its corresponding contennt's state (closed or opened), and then as soon as the user starts interacting with the button, to override that with either the closed or opened image depending on the content's state?