For Vue NPP

<b @click="toggleControlMenu" id="mwe-pt-vue-control-menu-toggle">
    Set filters (( toggleControlMenuIndicator ))
</b>
<div v-if="controlMenuOpen">Control menu...</div>

module.exports = {
    setup( props ) {
        const controlMenuOpen = VueCompositionAPI.ref( false );
        const toggleControlMenuIndicator = VueCompositionAPI.computed(
            () => ( controlMenuOpen.value ? '▾' : '▸' )
        );
        const toggleControlMenu = () => controlMenuOpen.value = !controlMenuOpen.value;
        return {
            controlMenuOpen,
            toggleControlMenu,
            toggleControlMenuIndicator
        };
    }
};

#mwe-pt-vue-control-menu-toggle {
    color: #0645ad;
    cursor: pointer;
}

With data for FDP Hamburg, https://en.wikipedia.org/w/api.php?action=pagetriagelist&format=json&page_id=70853005&formatversion=2

*((-r|(({1))))} was cut-and-pasted to [[(({2))}]], with the former becoming a redirect to the latter; please merge revisions up to [[Special:Permalink/(({3))}]] of ((-r|(({1))))} into [[(({2))}]]. Thanks, --~~~~