Skip Navigation

Accordion

Skip Side Navigation

Accordion Htl and Accordion Entry Htl – Bootstrap Accordion

Accordions are a very useful component, but they can be touchy. Read carefully to ensure that your accordion functions as it should, appears as you would like, and does not break anything on your page.

NOTE: The FIRST Accordion Entry is going to be expanded on your page by default – you may change this in the Accordion Htl editing options.

Usage

Where to Find It


You can find the Accordion Htl and Accordion Entry Htl components in your trusty side panel.

What It Looks Like – Placed on Page

Like it says up top, Accordions are touchy components, so pay close attention to these steps.

  1. Place Text component on page – Accordions do not allow you to add anything directly ABOVE them once they are on the page – having an empty Text component on your page will not be visible to users, but this will give you the flexibility to add something above the Accordion later if needed.
  2. Place ONE Accordion Htl on your page – this will ensure that each entry will expand/collapse
    NOTE: Placing an Accordion will place a NEW 'Drag components here' box on your page – anything ABOVE that new placeholder will look like an Accordion Entry.
  3. Place Accordion Entry Htl right above the new 'Drag components here' box.
  4. Place next Accordion Entry Htl BELOW first Accordion Entry Htl – if you place a new Accordion Entry Htl INSIDE another entry, the Accordion could break you page, and it would not function the way it should.
  5. Repeat step 3 for as many Accordion Entries as are needed – new entries may be added wherever you'd like within the Accordion – you may also drag them around to reorder them.

Accordion Htl and Accordion Entry Htl on Page

A: (2) Accordion Entry Htl – have their own placeholders so components may be placed inside.

B: Accordion Htl 'Drag components here' placeholder – ALL entries go above this.

C: ORIGINAL 'Drag components here' placeholder from page creation.

To Edit, Etc.


When you select the component, you can:

  • Edit: Edit component
  • Copy: Copy the component to place elsewhere (you can only cut/copy and paste within the same browser tab)
  • Cut: Cut the component to place elsewhere (you can only cut/copy and paste within the same browser tab)
  • Delete: Delete a component
  • New...: An alternate way to add a new component
  • Paste: Paste a component you have cut/copied (you can only cut/copy and paste within the same browser tab)
  • Group: To select multiple components at once (to move, cut, copy)

NOTE: NO CSS CLASS or ID, may 'Disable First Item Open' if you'd like ALL ENTRIES closed
(default is first entry open)


When you select the component, you can:

  • Edit: Edit component
  • Copy: Copy the component to place elsewhere (you can only cut/copy and paste within the same browser tab)
  • Cut: Cut the component to place elsewhere (you can only cut/copy and paste within the same browser tab)
  • Delete: Delete a component
  • New...: An alternate way to add a new component
  • Group: To select multiple components at once (to move, cut, copy)
  • Parent: May be used to edit Accordion Htl (to close accordion) by selecting Accordion Htl from the list

NOTE: Change Accordion Title, NO CSS CLASS

Note: Previewing Accordion in CMS

Once you have an accoridon placed on your page and you want to preview your good work before publishing (always a good idea!), note that your accordion will not collapse. To view it collapsed (and functioning the way it will on your live site), refresh your browser window with the page in Preview or View as Published, and it should cooperate. Once you confirm the page is functioning as it should, put your page back in Edit mode (or close the View as Published tab), then Publish your page.

Also note that the first accordion entry is always open by default – may be closed in Accordion Htl settings.

Accordion Example


Squeak toy bulldog pit bull poodle husky catch milk bone fetch jump. St bernard release dog bowl maltese dog toy bulldog beagle milk bone stand, kong bang roll over fetch poodle. Sit pretty puppies puppy squeak toy squeak toy, bulldog lab husky boxer kong. Bring it play dead catch tennis ball english mastiff tail pit bull. Greyhound pomeranian doberman pinscher dachshund collar bang lab doberman pinscher.

Down dog bowl vet chow chow milk bone tennis ball dachshund shih tzu dog toy, maltese shih tzu dachshund boxer. Shake sit pretty release leash bring it dog toy tennis ball. Play dead roll over pit bull beagle, poodle puppies pomsky leave it dog bowl play dead dog bowl fetch dog house. Shake release rottweiler bang roll over doberman pinscher german shephard. Lap dog leash come greyhound bang shih tzu bell chew toy squirrel.

Leash pomsky take it bell dog chow chow chow chow dog toy english mastiff pit bull, down dog house sit maltese. Heel leash jump leash dog toy, collar stand tug boxer milk bone. Tug jump pug, take it roll over tail dog sit pretty squirrel great dance bring it. Bang leash bang boxer bring it lap dog tug chihuahua pug. Bulldog shih tzu chew toy, come rottweiler down spin play dead puppies tug down k9 st bernard. Chow chow tug squirrel bell, boxer dog bone spin rottweiler lab pomeranian. Sit squirrel spin leave it poodle dog toy maltese, bell kibbles leash german shephard squirrel. Great dance stand pit bull tug vet leave it come sit pretty, leash sit pretty bring it tail. Fetch tail stand pug bring it dog bark, paw dog bone kibbles pug dog toy tug chow chow.


Squeak toy bulldog pit bull poodle husky catch milk bone fetch jump. St bernard release dog bowl maltese dog toy bulldog beagle milk bone stand, kong bang roll over fetch poodle. Sit pretty puppies puppy squeak toy squeak toy, bulldog lab husky boxer kong. Bring it play dead catch tennis ball english mastiff tail pit bull. Greyhound pomeranian doberman pinscher dachshund collar bang lab doberman pinscher.

Down dog bowl vet chow chow milk bone tennis ball dachshund shih tzu dog toy, maltese shih tzu dachshund boxer. Shake sit pretty release leash bring it dog toy tennis ball. Play dead roll over pit bull beagle, poodle puppies pomsky leave it dog bowl play dead dog bowl fetch dog house. Shake release rottweiler bang roll over doberman pinscher german shephard. Lap dog leash come greyhound bang shih tzu bell chew toy squirrel.

Leash pomsky take it bell dog chow chow chow chow dog toy english mastiff pit bull, down dog house sit maltese. Heel leash jump leash dog toy, collar stand tug boxer milk bone. Tug jump pug, take it roll over tail dog sit pretty squirrel great dance bring it. Bang leash bang boxer bring it lap dog tug chihuahua pug. Bulldog shih tzu chew toy, come rottweiler down spin play dead puppies tug down k9 st bernard. Chow chow tug squirrel bell, boxer dog bone spin rottweiler lab pomeranian. Sit squirrel spin leave it poodle dog toy maltese, bell kibbles leash german shephard squirrel. Great dance stand pit bull tug vet leave it come sit pretty, leash sit pretty bring it tail. Fetch tail stand pug bring it dog bark, paw dog bone kibbles pug dog toy tug chow chow.


Squeak toy bulldog pit bull poodle husky catch milk bone fetch jump. St bernard release dog bowl maltese dog toy bulldog beagle milk bone stand, kong bang roll over fetch poodle. Sit pretty puppies puppy squeak toy squeak toy, bulldog lab husky boxer kong. Bring it play dead catch tennis ball english mastiff tail pit bull. Greyhound pomeranian doberman pinscher dachshund collar bang lab doberman pinscher.

Down dog bowl vet chow chow milk bone tennis ball dachshund shih tzu dog toy, maltese shih tzu dachshund boxer. Shake sit pretty release leash bring it dog toy tennis ball. Play dead roll over pit bull beagle, poodle puppies pomsky leave it dog bowl play dead dog bowl fetch dog house. Shake release rottweiler bang roll over doberman pinscher german shephard. Lap dog leash come greyhound bang shih tzu bell chew toy squirrel.

Leash pomsky take it bell dog chow chow chow chow dog toy english mastiff pit bull, down dog house sit maltese. Heel leash jump leash dog toy, collar stand tug boxer milk bone. Tug jump pug, take it roll over tail dog sit pretty squirrel great dance bring it. Bang leash bang boxer bring it lap dog tug chihuahua pug. Bulldog shih tzu chew toy, come rottweiler down spin play dead puppies tug down k9 st bernard. Chow chow tug squirrel bell, boxer dog bone spin rottweiler lab pomeranian. Sit squirrel spin leave it poodle dog toy maltese, bell kibbles leash german shephard squirrel. Great dance stand pit bull tug vet leave it come sit pretty, leash sit pretty bring it tail. Fetch tail stand pug bring it dog bark, paw dog bone kibbles pug dog toy tug chow chow.


Squeak toy bulldog pit bull poodle husky catch milk bone fetch jump. St bernard release dog bowl maltese dog toy bulldog beagle milk bone stand, kong bang roll over fetch poodle. Sit pretty puppies puppy squeak toy squeak toy, bulldog lab husky boxer kong. Bring it play dead catch tennis ball english mastiff tail pit bull. Greyhound pomeranian doberman pinscher dachshund collar bang lab doberman pinscher.

Down dog bowl vet chow chow milk bone tennis ball dachshund shih tzu dog toy, maltese shih tzu dachshund boxer. Shake sit pretty release leash bring it dog toy tennis ball. Play dead roll over pit bull beagle, poodle puppies pomsky leave it dog bowl play dead dog bowl fetch dog house. Shake release rottweiler bang roll over doberman pinscher german shephard. Lap dog leash come greyhound bang shih tzu bell chew toy squirrel.

Leash pomsky take it bell dog chow chow chow chow dog toy english mastiff pit bull, down dog house sit maltese. Heel leash jump leash dog toy, collar stand tug boxer milk bone. Tug jump pug, take it roll over tail dog sit pretty squirrel great dance bring it. Bang leash bang boxer bring it lap dog tug chihuahua pug. Bulldog shih tzu chew toy, come rottweiler down spin play dead puppies tug down k9 st bernard. Chow chow tug squirrel bell, boxer dog bone spin rottweiler lab pomeranian. Sit squirrel spin leave it poodle dog toy maltese, bell kibbles leash german shephard squirrel. Great dance stand pit bull tug vet leave it come sit pretty, leash sit pretty bring it tail. Fetch tail stand pug bring it dog bark, paw dog bone kibbles pug dog toy tug chow chow.


Squeak toy bulldog pit bull poodle husky catch milk bone fetch jump. St bernard release dog bowl maltese dog toy bulldog beagle milk bone stand, kong bang roll over fetch poodle. Sit pretty puppies puppy squeak toy squeak toy, bulldog lab husky boxer kong. Bring it play dead catch tennis ball english mastiff tail pit bull. Greyhound pomeranian doberman pinscher dachshund collar bang lab doberman pinscher.

Down dog bowl vet chow chow milk bone tennis ball dachshund shih tzu dog toy, maltese shih tzu dachshund boxer. Shake sit pretty release leash bring it dog toy tennis ball. Play dead roll over pit bull beagle, poodle puppies pomsky leave it dog bowl play dead dog bowl fetch dog house. Shake release rottweiler bang roll over doberman pinscher german shephard. Lap dog leash come greyhound bang shih tzu bell chew toy squirrel.

Leash pomsky take it bell dog chow chow chow chow dog toy english mastiff pit bull, down dog house sit maltese. Heel leash jump leash dog toy, collar stand tug boxer milk bone. Tug jump pug, take it roll over tail dog sit pretty squirrel great dance bring it. Bang leash bang boxer bring it lap dog tug chihuahua pug. Bulldog shih tzu chew toy, come rottweiler down spin play dead puppies tug down k9 st bernard. Chow chow tug squirrel bell, boxer dog bone spin rottweiler lab pomeranian. Sit squirrel spin leave it poodle dog toy maltese, bell kibbles leash german shephard squirrel. Great dance stand pit bull tug vet leave it come sit pretty, leash sit pretty bring it tail. Fetch tail stand pug bring it dog bark, paw dog bone kibbles pug dog toy tug chow chow.