Accordion Preview

01
What services does Delta Clan offer?
Delta Clan specializes in a wide range of services, including web design, development and branding. We are dedicated to providing comprehensive solutions to help businesses establish a strong online presence.
How can Delta Clan help my business succeed?
Delta Clan is committed to understanding the unique needs of your business and tailoring our services to drive success. From cutting-edge design to strategic marketing, we work collaboratively to elevate your brand and enhance your online impact.
Tell me more about the team behind Delta Clan
Our team consists of passionate individuals who left their jobs to pursue their love for design and technology. With diverse skills and backgrounds, we bring a creative and innovative approach to every project, ensuring a personalized and impactful result.
How can I get in touch with Delta Clan for collaboration?
Interested in collaborating with Delta Clan? Reach out to us through our website's contact form, and let's start a conversation about how we can bring your creative vision to life.

Instructions

02
Integration:
Copy and paste the provided script into your Webflow project. Place it in the <head> of your website!
<script defer src="https://lwr2gq.csb.app/index.js"></script>
<!-- Accordion Toggle by Delta Clan -->
<script
  defer
  src="https://cdn.jsdelivr.net/npm/@deltaclan/attributes-accordiontoggle@1/dist/accordiontoggle.js"
></script>
Copy
Apply to Accordion:
Apply the custom attributes:
dc-accordion
=
list
Description: Marks an element as an accordion container.
Usage: Place this attribute on a div or any container element that holds your accordion items.
dc-accordion-toggle
=
"CLASS-NAME"
Description: Specifies the class name of toggle elements within the accordion.
Usage: Replace CLASS-NAME with the class assigned to your toggle elements.
Optional
dc-accordion-default
=
"NUMBER"
Description: Sets which accordion item should be open by default when the page loads. Defaults to 1.
Usage: Replace NUMBER with the position of the item you want open by default (use 0 to start with all closed).
Optional
dc-accordion-close
=
true
Description: Determines whether opening one item should automatically close others. By default, opening a new item closes the current one or all the open ones (true).
Usage: Set to false to allow multiple items to remain open simultaneously.
Optional
dc-accordion-open-all
=
true
Description: Open all items by default.
Notes: Ignores dc-accordion-default.
Instructions image