Wordpress Toggle-It

Be Aware: A Few icons battle with the brand new wordpress 4.2 imojis

ToggleIt lets in you to open and close any element on your site with insertable and customizable Icons.

Insert Icons that toggle any component/s on the web page.

Absolutely Customizable Entypo Icons – Over 230 Icons – Set colour and size, open and close Icons.

Set animation speeds for open and close animations.

Example of code:

<div elegance=”toggle-it” information-target=”#branding” data-color=”rgb(209, 53, 114)” knowledge-shut-color=”rgb(A HUNDRED AND FIFTEEN, 25, SIXTY SEVEN)” data-dimension=”55px” knowledge-close-velocity=”2000” knowledge-open-pace=”2000” knowledge-state=”close” />

(toggles a div with the “branding” IDENTITY, colour/shut-color is about, dimension of icon is 55px, shut and open velocity is 2 seconds, state is set to shut on load.)

Options:

• Upload Button/Icon with magnificence of “toggle-it” – Add a DIV with the class of “toggle-it”
• knowledge-icon – knowledge-icon=”????” – Open Icon symbol
• information-close-icon – knowledge-shut-icon=”????” – Close Icon Symbol
• knowledge-colour – knowledge-color=”rgb(209, 53, 114)” – Open Icon Color
• knowledge-shut-colour – data-shut-colour=”rgb(A HUNDRED AND FIFTEEN, 25, SIXTY SEVEN)” – Close Icon Colour
• information-open-speed – knowledge-open-speed=”2000” – Pace of objective beginning animation in milliseconds
• data-close-pace – knowledge-shut-velocity=”1000” – Pace of aim shutting animation in milliseconds
• information-size – knowledge-size=”50px” – can be “px”, ”%”, “em”
• knowledge-objective – knowledge-target=”#div-one” – For IDENTIFICATION upload # previous to IDENTITY name and for class use . previous to identify. Example: knowledge-goal=”#div-one” or information-aim=”.div-one”
• information-state – data-state=”close” – Hides the objective part on page load.

More Code Examples:

<div class=”toggle-it” data-target=”#div1” information-color=”#ffffff” information-shut-color=”#111111” data-measurement=”25px” information-close-pace=”1000” information-open-pace=”500” information-close-icon=”?” information-icon=”?” />

<div magnificence=”toggle-it” information-goal=”.a-div-with-class” information-color=”rgb(209, 53, 114)” data-shut-colour=”rgb(A HUNDRED AND FIFTEEN, 25, 67)” knowledge-measurement=”65px” information-close-velocity=”2000” data-open-pace=”2000” knowledge-state=”close” />

See Video of Toggle-It in Action Here – http://www.screenr.com/YsMH

See Code Being Added To A Web Page Here – http://www.screenr.com/UUMH

FULL DOWNLOAD