• Atributo data-slide="milissegundos":
- Ao referenciar o script, altera a duração padrão, que é 350.
- No elemento, define que ocorrerá slide caso haja um clique no elemento anterior.
Se informado um valor, define a duração do slide específica para o elemento. Omitindo, será usado o padrão.
• A propriedade slide pode ser adicionada ao elemento por JavaScript e funcionará da mesma forma que o atributo data-slide, assim o atributo não fica visível no elemento do HTML.
$("selector").each((i, e)=>{ e.slide = ""; });
Notas:
• Border não funciona no animate.
• O elemento Slide, ao fechar, é definido com "display:none", podendo ocorrer o colápso entre as margens do o elemento anterior e posterior, resultanado em falha no efeito visual por isso, não usar margin-bottom no elemento anterior:
- Se o próximo elemento tiver margin-top.
- Se o elemento Slide for "last-child", e o elemento pai não tiver border ou padding na parte inferior e o próximo elemento ao pai tiver margin-top.
🔗 Veja mais