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.

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

silvio

Sobre Silvio Tenfen Junior

Desenvolvedor Web com 5 anos de experiência. Especializado em desenvolvimento de Sites e E-commerces com plataforma Magento. Trabalho também com desenvolvimento de Sistemas, integrações com ERPs, soluções de pagamento (Cielo, Rede, PagSeguro) e gerenciamento de sistemas em ambiente Cloud (Linux, Amazon Web Services).

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">