Toggle Default

2 replies·opened Jun 26, 2017
P
petewinterJun 26, 2017

I'm using your toggles on this page.

toggles-accordions.html

Is this toggle based on a particular script / plugin? Can you give me the documentation?

How do I change the default to be open instead of closed on page load?

S
SemiColonWebSTAFFJun 27, 2017

Hello,

The Toggle is not an External Plugin and has been developed by us. To make the Toggle opened by Default, you can simply add the data-state="open" Attribute to the .toggle Element. Example:

<div class="toggle" data-state="open">
	<div class="togglet"><i class="toggle-closed icon-ok-circle"></i><i class="toggle-open icon-remove-circle"></i>This is a Toggle Title</div>
	<div class="togglec">This is a Toggle Content</div>
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

P
petewinterJun 27, 2017

That's great. Many thanks

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard