The following settings use DITA2Go format property DropDownLink and two macros to handle open/close actions for dedicated drop-down paragraph format DropPara.
[HtmlStyles] DropPara = DropDownLink CodeBefore CodeAfter [StyleCodeBefore] ; 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> [StyleCodeAfter] 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