Silvio Tenfen Junior

Elemento com slideToogle do JQuery pisca ao fechar no IE

Atualmente tive um problema com o uso do slideToogle do JQuery no IE 7. Precisava realizar um efeito sobre uma listagem de especialidades médicas. Ao selecionar uma especialidade, deveria descer alguns parágrafos com nome dos médicos e informações de contato. Ao clicar sobre outra especialidade, a lista anterior deveria subir e ocultar-se e a uma nova lista com informações de médicos e contatos iria descer. No Firefox, Chrome e Opera o efeito funcionava perfeitamente. Mas o mesmo não acontecia com o IE. Ao subir e ocultar os dados, em poucos milésimos de segundo a lista aparecia novamente e desaparecia, ou seja, piscava.

Por incrível que possa parecer a solução era bem simples do que eu imaginava. De acordo com o site em inglês stackoverflow.com, é necessário ter certeza que o DOCTYPE da página esteja especificado.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Bingo! Minha página não possuía o DOCTYPE especificado. Realizei as modificações e o efeito funcionou corretamente sem piscar.

Fonte: http://stackoverflow.com/questions/111407/how-do-you-fix-the-flickering-that-occurs-when-you-use-slidetoggle-in-jquery

Sair da versão mobile