Hide and Reveal Content, On Demand
Busy webpages can benefit from these easy "Hide and Reveal Content" techniques. Make extra information available to the visitor — on the same page they are viewing — with either a click or mouseover action.
When the content appears, previously existing content is shifted around
to make room for the new.
Click here for an example.
Images, iframes, forms, tables, text — all these visual
elements can be inserted into and removed from web pages
when the site visitor performs predefined actions.
This article gives all the details on "How It Works".
Links to working examples, each with copy 'n paste code:
-
Basic example:
New content is revealed when a link is clicked.
-
New content is revealed when the visitor's mouse hovers over a link.
-
A "[Read More]" link
is clicked to reveal new content.
When new content is inserted, the "[Read More]"
link is changed to "[Read Less]"
-
An IFRAME is revealed when the "[View IFRAME]" link is clicked.
-
A button is clicked to reveal a subscription form.
Question:
Did you find this article interesting and understandable? How can it be improved?
Your response is anonymous.
When done typing, click anywhere outside the box. [more info]
Will Bontrager
© Bontrager Connection, LLC
Please note:
Articles on this website are presented "as is". However -
If you have a question about a CGI script, HTML, CSS, PHP, or JavaScript
Ask one of our Experts and you'll have your answer!
Click here for details.
