The following settings use DITA2Go format property DropDownLink and two macros to handle open/close actions for dedicated drop-down paragraph format DropPara.
[HTMLParaStyles] DropPara = DropDownLink CodeBefore CodeAfter
[ParaStyleCodeBefore] ; At the start of any of the following paragraphs, ; close any open drop-down blocks: DropPara = <$DropDownBlockClose> ; List any other paragraphs that should end a drop-down block: H1 = <$DropDownBlockClose> H2 = <$DropDownBlockClose> H3 = <$DropDownBlockClose> H4 = <$DropDownBlockClose> H5 = <$DropDownBlockClose>
[ParaStyleCodeAfter] DropPara = <$DropDownBlockOpen>
[Inserts] ; At end of body, close any open drop-down blocks: Bottom = <$DropDownBlockClose>
[DropDownBlockOpen]
; After DropPara, insert javascript to open a new drop-down block,
; and set a flag to signify that the block is open. The javascript
; includes a counter to identify the drop-down section:
<$$DropDownCount++>
; Strip leading zeroes:
<div class="dropdown" id="drop<$$DropDownCount as %0.1d>"
style="display:none;"
onclick="noSection('drop<$$DropDownCount as %0.1d>')">
<$$Flag_DropDownBlockOpen = 1>
[DropDownBlockClose] ; Before DropPara or H1 through H5 or </body>, ; check a flag to see if a drop-down block is open; ; if so, close the drop-down block and clear the flag: <$_if ($$Flag_DropDownBlockOpen)> </div> <$$Flag_DropDownBlockOpen = 0> <$_endif>
[MacroVariables] ; Put any macro definition sections before this section. Flag_DropDownBlockOpen = 0 DropDownCount = 0