WordPress Toggle-It

WordPress Toggle-It

[ad_1]

To get this product on 50 % low cost contact me on this link

 

LIVE PREVIEWBUY FOR $16

All demos are a strive before you purchase possibility now. Just contact me by means of Envato or straight at [email protected] to request demo plugin information.

Note: Some icons battle with the brand new wordpress 4.2 imojis

ToggleIt means that you can open and shut any factor in your website with insertable and customizable Icons.

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

Fully Customizable Entypo Icons – Over 230 Icons – Set shade and dimension, open and shut Icons.

Set animation speeds for open and shut animations.

Example of code:

<div class=”toggle-it” data-target=”#branding” data-color=”rgb(209, 53, 114)” data-shut-color=”rgb(115, 25, 67)” data-size=”55px” data-shut-speed=”2000” data-open-speed=”2000” data-state=”shut” />

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

Options:

  • Add Button/Icon with class of “toggle-it” – Add a DIV with the category of “toggle-it”
  • data-icon – data-icon=”” – Open Icon image
  • data-shut-icon – data-shut-icon=”” – Shut Icon Symbol
  • data-color – data-color=”rgb(209, 53, 114)” – Open Icon Color
  • data-shut-color – data-shut-color=”rgb(115, 25, 67)” – Shut Icon Color
  • data-open-speed – data-open-speed=”2000” – Speed of goal opening animation in milliseconds
  • data-shut-speed – data-shut-speed=”1000” – Speed of goal shutting animation in milliseconds
  • data-size – data-size=”50px” – Can be “px”, ”%”, “em”
  • data-target – data-target=”#div-one” – For ID add # previous to ID title and for sophistication use . prior to call. Example: data-target=”#div-one” or data-target=”.div-one”
  • data-state – data-state=”shut” – Hides the goal factor on web page load.

More Code Examples:

<div class=”toggle-it” data-target=”#div1” data-color=”#ffffff” data-shut-color=”#111111” data-size=”25px” data-shut-speed=”1000” data-open-speed=”500” data-shut-icon=”⊖” data-icon=”⊕” />

<div class=”toggle-it” data-target=”.a-div-with-class” data-color=”rgb(209, 53, 114)” data-shut-color=”rgb(115, 25, 67)” data-size=”65px” data-shut-speed=”2000” data-open-speed=”2000” data-state=”shut” />

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

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

[ad_2]

To get this product on 50 % low cost contact me on this link

 

Source

Pomento
Logo
Register New Account
Compare items
  • Total (0)
Compare
0
Shopping cart