Doing it with style
IE9, IE10, Firefox, Safari, Chrome and Opera
As mentioned in the previous demonstration, it is possible to have any code in the information panels and this demo shows what is possible.
In this version we have links, photos, forms, audio and video.
Once a section is open it will stay open even when clicking elsewhere on the page.
The open/close and information panels will be animated in Firefox, Chrome, Safari and Opera but in IE9 it will be an instant action.
As with the previous examples it would be possible to use a small jQuery routine to remove the back button 'history' of selected menu section in Firefox, Chrome and Safari.
A small update to the styesheet so that any running audio or video will stop when selecting a different tab.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
This demonstration can be used subject to the following terms and conditions.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.