Skip to content

Instantly share code, notes, and snippets.

@dacur
Created September 23, 2014 15:21
Show Gist options
  • Select an option

  • Save dacur/c2474ac5e4b1f100bbe3 to your computer and use it in GitHub Desktop.

Select an option

Save dacur/c2474ac5e4b1f100bbe3 to your computer and use it in GitHub Desktop.
A five panel Bootstrap accordion written in jade. NOTE: div id and href id must be unique from other panels and match one another. See #collapseOne div and href='#collapseOne' below.
#accordion.panel-group
.panel.panel-default.panelOne
.panel-heading
h4.panel-title
a(data-toggle='collapse', data-parent='#accordion', href='#collapseOne')
span.activityTitle#panelOneTitle
#collapseOne.panel-collapse.collapse.in
.panel-body
h4.resource#panelOneResource
h4.people#panelOnePeople
button.btn.btn-default.form-control.button.trackit#panelOneEdit(type='button') Edit
.panel.panel-default.panelTwo
.panel-heading
h4.panel-title
a(data-toggle='collapse', data-parent='#accordion', href='#collapseTwo')
span.activityTitle#panelTwoTitle
#collapseTwo.panel-collapse.collapse.in
.panel-body
h4.resource#panelTwoResource
h4.people#panelTwoPeople
button.btn.btn-default.form-control.button.trackit#panelTwoEdit(type='button') Edit
.panel.panel-default.panelThree
.panel-heading
h4.panel-title#panelThreeTitle
a(data-toggle='collapse', data-parent='#accordion', href='#collapseThree')
span.activityTitle
#collapseThree.panel-collapse.collapse.in
.panel-body
h4.resource#panelThreeResource
h4.people#panelThreePeople
button.btn.btn-default.form-control.button.trackit#panelThreeEdit(type='button') Edit
.panel.panel-default.panelFour
.panel-heading
h4.panel-title
a(data-toggle='collapse', data-parent='#accordion', href='#collapseFour')
span.activityTitle#panelFourTitle
#collapseFour.panel-collapse.collapse.in
.panel-body
h4.resource#panelFourResource
h4.people#panelFourPeople
button.btn.btn-default.form-control.button.trackit#panelFourEdit(type='button') Edit
.panel.panel-default.panelFive
.panel-heading
h4.panel-title
a(data-toggle='collapse', data-parent='#accordion', href='#collapseFive')
span.activityTitle#panelFiveTitle
#collapseFive.panel-collapse.collapse.in
.panel-body
h4.resource#panelFiveResource
h4.people#panelFivePeople
button.btn.btn-default.form-control.button.trackit#panelFiveEdit(type='button') Edit
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment