html - Add a class to a group of elements in Pandoc markdown? -

i use pandoc create content website.

for example, have following content on page:

# me  text.  ## hobbies  ### hiking  text hiking.  ### dancing  text dancing.  ### other  text other.  ## why love pandoc  more text.

pandoc parses me , outputs nice html.

but want post-process html further, example want hobbies part become accordion.

for i'd in own container, e.g. <div class="accordion">. possible somehow?

update

by attaching class specific heading, can achieve close need:

## hobbies {.accordion}  ...

now can target using css (code not tested):

h2.accordion ~ *:not(h1, h2) {   color: red; }

this assumes next heading on same (or higher) level belongs carousel.

this can of help. don't know though whether fits requirements, it's start.

sure, markdown supports raw html, e.g.:

# me  text.  ## hobbies  <div class="hobbies"> ### hiking  text hiking.  ### dancing  </div>

TY