Sonoma County Office of Education

Sample Accordion


This is sample text in the body of the panelA.

Add additional panels by copying the entire #panelA block and pasting it after #panelB then update all references to panelA, headingA and collapseA to panelC, headingC, and collapseC. Continue alphabetically for additional panels. Panels are alternately colored in the CSS.

To start with this panel closed, remove the class "in" from the #collapseA div:
<div id="collapseA" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingA">
and add the class "collapsed" to the "a" tag:
<a role="button" class="collapsed" data-toggle="collapse" data-parent="#accordionTop" href="#collapseA" aria-expanded="true" aria-controls="collapseA" >

This is sample text in the body of the panelB

Andrew Leonard, Board President
"The SCOE board is unique in that we are a direct interface between the County Office of Education and the community we serve. Not only does the Sonoma County Board of Education set policy for its alternative education program and serve oversight roles for SCOE, it also models innovative and successful public-private partnerships in the community. We see ourselves as a conduit for progress in education throughout the K-12 spectrum; SCOE staff and the board all work toward this goal together." - Andrew Leonard, Board President