jQuery slideToggle et le spectacle de propriétés CSS border-radius câblé dans IE10

J’utilise MVC4 et dans ma page, j’ai pris 4 div et tous div. J’ai l’URL JSFiddle pour vérifier mon problème exactement.

jsfiddle

Veuillez l’exécuter uniquement dans IE10, car ci-dessous, IE10 ou tout autre navigateur, fonctionne correctement.

jQuery(document).ready(function () { jQuery(".HomeContent").hide(); jQuery(".HomeDivHeading").click(function () { jQuery(this).next(".HomeContent").slideToggle(250); }); }); 

Dans IE10, quand je glisse vers le bas de n’importe quel vacarme, cela se voit comme ça entrez la description de l'image ici

Je veux résoudre ce problème quand je glisse vers le bas, cela ressemble à câblé et après un certain temps, il montre automatiquement corrigé.

S’il vous plaît laissez-moi savoir comment résoudre ce problème ….

C’est un comportement étrange du navigateur. J’ai trouvé la solution ci-dessous.

 .HomeDivHeading { background-color: #BBC0C4; border-radius: 10px 10px 0 0; display: inline-block; /* changed from block to inline-block*/ font-size: 18px; font-weight: bold; padding: 6px 0; text-align: center; width: 100%; cursor: pointer; }