How about creating 3 divs with absolute position and only making visible the one that is in focus instead of changing the content within a single div?
Thanks for the idea. If you view the source of the link I posted initially, that’s exactly what I have created.
My question is how do I do this? (making it visible and invisible)
How about creating 3 divs with absolute position and only making visible the one that is in focus instead of changing the content within a single div?
Thanks for the idea. If you view the source of the link I posted initially, that’s exactly what I have created.
My question is how do I do this? (making it visible and invisible)
I would recommend you to use jQuery to achieve your target easily.
Here’s how to do this:
Add the following line inside head tag.
Put the 3 buttons inside a div like this and assign them ids :
Thanks for the solution and I could imagine it can do the trick easily…! Unfortunately I cannot get it to work after following all the procedures you’ve provided…
When I click the buttons, nothing happen except the page refreshes…
I am very junior in terms of web design… Hope to hear from you soon!
Sweetee
KamilWaheed said
cgruber said
KamilWaheed said
How about creating 3 divs with absolute position and only making visible the one that is in focus instead of changing the content within a single div?
Thanks for the idea. If you view the source of the link I posted initially, that’s exactly what I have created.
My question is how do I do this? (making it visible and invisible)
I would recommend you to use jQuery to achieve your target easily.
Here’s how to do this:
Add the following line inside head tag.
Put the 3 buttons inside a div like this and assign them ids :
the link you sent me works perfectly on the link, but when I transferred the code to my html file, I didn’t have much luck with it. I can do the selection, but nothing appears below whichever choice I select. What do you think might be the problem?