Quick and Easy Super-Customizable Tabbed Content in JavaScript and CSS

Requirements: HTML (basic understanding), JavaScript (basic understanding), CSS (basic understanding)

Updated April 08, 2013: New method, less dirty, easier to add tabs!

As a web designer, I’ve found many uses for tabbed content. However, all the online tutorials are all referencing external JavaScript files, or images, or you can’€™t play around with the layout without screwing up your entire page layout, or ARRRRGH I hate them!

So I devised an incredibly simple and versatile method to build a simple tabbed layout. You can customize it in any way you want, add or remove pages, change sizes, do whatever you want with it! You can make your “buttons”€ go anywhere on the page, same as your content.


March 15, 2012 at 4:50 pm | Posted in: Tutorials, Web Design | 2 comments