Hide - Show DIV Code Snippet Generator

Creating a Hide - Show DIV is easy using this code snippet generator.

.:: What does the Hide - Show DIV code snippet do? ::.

This code generator will produce the necessary codes to create a Hide - Show DIV template using jQuery. This allows you to condense your content and only show the DIV when called by clicking a link.
View an example

How to generate a Hide - Show DIV Code Snippet:

1. Simply enter your settings information.
2. Click "Generate Code Snippet" button.
3. Copy & paste the code into the HTML of your web page.

.:: Begin Creating Hide - Show DIV Code Snippet ::.

.:: BODY Area Settings ::.
Font Family:
Font Size:	50% 60% 70% 80% 90% 100% 110% 120% 130% 140% 150%
Text Color:
Background Color:
.:: DIV Box 1 Settings ::.
Width:	(percentage)
Padding:	(pixels)
Text Color:
BG Color:
.:: DIV Box 2 Settings ::.
Width:	(percentage)
Padding:	(pixels)
Text Color:
BG Color:
.:: DIV Box 3 Settings ::.
Width:	(percentage)
Padding:	(pixels)
Text Color:
BG Color:
.:: DIV Box 4 Settings ::.
Width:	(percentage)
Padding:	(pixels)
Text Color:
BG Color:
.:: DIV Box 5 Settings ::.
Width:	(percentage)
Padding:	(pixels)
Text Color:
BG Color:

Copy and paste the Hide - Show DIV code into your web page.

Code must be viewed on a server in order to work properly

---

You may use the Snap HTML Code Editor for a live demo of your code.