Stephen Hill's website

This area provides a showcase for my technology demonstrations.

This shows some collapsible headings generated using some simple Jquery functions

The beauty of this approach is that the functions will add the accordion effect to any heading with the appropriate formatting, so once you've created this code, you can use it for as many headings as you like.

This shows how Jquery can be used to create navigation bars and drop-down menus.

The advantage of using pure Jquery is that it's simple and it's flexible. The reason I'm using Bootstrap on this site is that the pure Jquery solution requires custom code to make the site responsive, and the Bootstrap nav-bars include built-in support for different browsers.

This provides an example of a HTML table with a fix heading row at the top. The heading section stays in place and allows the contents to be displayed using the scrollbar to the right.

This shows how AJAX can be linked to an HTML form and used to update the page contents interactively. It calls an external PHP that I've created to generate SVG patterns based on an origami model called the Fujimoto Hydrangea.