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

silvio

Sobre Silvio Tenfen Junior

Experiência desde 2011 em Desenvolvimento Web e Sistemas. Desenvolvimento de Sites Estáticos e Auto-gerenciáveis com PHP Puro, ASP, CodeIgniter, CakePHP, Symfony, Zend, Joomla, WordPress, WooCommerce e React. Desenvolvimento de Web Services. Montagem de Lojas Virtuais Magento e WooCommerce com integração de estoque de produtos e pedidos. Integração com Pagamentos. Backup, Configuração e Manutenção de Servidores Linux (Amazon Web Services e DigitalOcean). Migração de Serviços de Hospedagem (Sites e E-mails). Atendimento ao Cliente para E-mails, Sites e Sistemas.

Deixe um comentário

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> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.