Insert accordions into an article | Community
Skip to main content

Insert accordions into an article

  • February 11, 2019
  • 5 replies
  • 0 views

I'm trying to create an article that should be predominantly accordions. How do insert accordions or build them into the code?

This topic has been closed for replies.

5 replies

ModeratorWes

@Jacque - This article is a little outdated but it still works for what you are wanting.  You just need to grab the latest version of Bootstrap, you can also just search for CSS accordions and use those so its up to you.

https://support.zendesk.com/hc/en-us/community/posts/203458746-Help-Center-Collapsible-headers-in-articles-accordions-


  • Author
  • February 11, 2019

Thanks, @Wes! When you say "grab the latest version of bootstrap," what does that entail?


ModeratorWes

Updated bootstrap to plug into document-head.hbs

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css" integrity="sha384-PDle/QlgIONtM1aqA2Qemk5gPOE7wFq8+Em+G/hmo5Iq0CCmYZLv3fVRDJ4MMwEA" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/js/bootstrap.min.js" integrity="sha384-7aThvCh9TypR7fIc2HV4O/nFMVCBwyIUKL8XCtKE+8xgCgl/PQGuFsvShjr74PBp" crossorigin="anonymous"></script>

 


I'm having an issue with this even using the latest versions from https://getbootstrap.com/.

 

Problem is that the ticket form picker is no longer selecting and loading the forms. Any help would be appreciated!


Brett13
  • Community Manager
  • August 12, 2019

Hey Michael,

It looks like one of our Community Moderators is helping you out on this post: Help Center - Collapsible headers in articles (accordions)

Since this is in the realm of custom code, we're rather limited on what we can assist with on our end.

If you're Help Center is public, feel free to provide the URL for Simon to look at on the post I've linked for you :)

That may help our Moderators pinpoint where the issue is.

Cheers!