← Back to Code Shop

Squarespace Dropdown Accordions

Looking for some awesome responsive Accordions for your existing Squarespace site? Easily add multiple Accordions to any page type with easy-to-install written instructions. I also provide you with a detailed how-to install video to guide anyone along the way. In addition, I make it very easy to modify the colors and type treatment of all Accordions.

Accordion - Style 1

This accordion has a very modern look and feels with its boxy outline layout, as well as some great hover effects. You can easily change the colors and type treatment. This product comes with a Single Use License.

Accordion (style 1) Example

To the right are working examples of the Accordion - Style 1. Easy to install, easy to edit, and comes with a lot of design flexibility so you can make it your own.

 
  • Accordion Item 1

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis.

  • Accordion Item 2

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis.

  • Accordion Item 3

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis.

 

Accordion - Style 2

This accordion has a very modern look and feels with its boxy outline layout, as well as some great hover effects. You can easily change the colors and type treatment. This product comes with a Single Use License.

Accordion (style 2) Example

To the right are working examples of the Accordion - Style 2. Easy to install, easy to edit, and comes with a lot of design flexibility so you can make it your own.

 
  • Accordion Item 1

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis, semper sit amet odio.

  • Accordion Item 2

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis, semper sit amet odio.

  • Accordion Item 3

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis, semper sit amet odio.

 

Accordion - Style 3

This accordion has a very modern look and feels with its boxy outline layout, as well as some great hover effects. You can easily change the colors and type treatment. This product comes with a Single Use License.

Accordion (style 3) Example

To the right are working examples of the Accordion - Style 3. Easy to install, easy to edit, and comes with a lot of design flexibility so you can make it your own.

 
  • Accordion Item 1

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis, semper sit amet odio.

  • Accordion Item 2

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis, semper sit amet odio.

  • Accordion Item 3

    Sed congue lacinia tristique. Suspendisse pharetra fermentum sapien vel tincidunt. Sed et sagittis dui, quis luctus erat. Donec tincidunt neque eget ligula pretium, eu porta lorem faucibus. Cras a tincidunt enim. In accumsan lorem elementum ante consequat tempor. Sed orci quam, ornare sed blandit quis, semper sit amet odio.