Coloque a class data-twin="true" em cada uma dessas sanfonas
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
É possível agrupar sanfonas gêmeas para que um grupo não interfira no outro
Para isso, insira o atributo data-group nas sanfonas que farão parte do grupo
Informe um rótulo qualquer que identifique o nome desse grupo, exemplo data-group="meu grupo"
Após a animação da sanfona, usuários avançados podem implementar uma função do tipo callback para cada sanfona. Consulte a função sanfona para saber mais.
Para sanfonas gêmeas, não use o data-clickoutside
A princípio, o efeito parece similar, no entanto, os data-clickoutside são recolhidos quando se clica em qualquer elemento da página. Já as sanfonas gêmeas devem recolher somente ao clicar no(s) elemento(s) irmão(s)