More boilerplate css styles?

This is actually something I have been putting lot of thought into lately. I really don’t want to change the core of the plugin and introduce unnecessary complexity, but I also understand that many users are looking for a complete out of the box solution. I’m definitely thinking about this and trying out some ideas. I will hopefully have something more to show in the coming months.

In the mean time, is there something specific you are looking for?

I’d love something that indicates that it is an accordion. See these examples: https://www.google.com/search?q=accordion+css+jquery&rlz=1C5CHFA_enUS565US566&espv=2&biw=1299&bih=1279&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMIrb6d3dyIyAIVBEuSCh31_QpH

You’ll see that just about every one of them has a mechanic that indicates that it is a clickable element with more content. The ones I like best have the up or down arrow or a plus/minus symbol.

Try adding something like this to your themes style.css file:

.accordion {
  border-bottom: 1px solid #ccc;
  margin: 20px 0 50px;
}
.accordion-title {
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 15px 0;
  transition: 0.3s;
  cursor: pointer;
}
.accordion-title:after {
  content: "+";
  float: right;
  transition: 0.2s;
}
.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion-content {
  padding-bottom: 15px;
}

Thanks for the help. I took what you gave me and ran with it. Take a look: https://learnfluteonline.com/bonus-content/

Looks good. Glad you got this working for you.