ADDING ELEMENTS

Progressive enhancement - part 1

This page shows a simple example of Progressive enhancement design.
First we provide a very simple HTML markup (this page), then, if the browser support JavaScript and jQuery,
we "enhance" the page adding the advanced controller elements (i.e. those elements we don't want to appear on a browser not supporting JS).

For instance, the Hide button (above) and the black paragraph (below) are added using the insertAfter() and insertBefore() functions.
This page shows also uses the appendTo() and prependTo() functions to add siblings elements.

See the HTML source for details.

Sources

HOME