de script jQuery échoue dans IE et Opera

Question

http://dev.mindboiler.lv/ (vous serez redirigé vers la page l'intro, il suffit de cliquer sur le logo pour entrer dans le site réel)

Ce site est que je travaille actuellement. Vous pouvez changer la langue en anglais pour le comprendre un peu mieux, mais de toute façon, il est plein de texte fictif.
Il y a ces liens Read more qui, lorsque vous cliquez dessus, exécutez la jQuery suivante:

$('.content-item .readmore').toggle(function() { 
    parent = $(this).parent(); 
    $(parent).children('div.next').fadeIn(); 
    $(this).html("Read less »"); 
}, function() { 
    parent = $(this).parent(); 
    $(parent).children('div.next').fadeOut(); 
    $(this).html("Read more »"); 
}); 

Firefox, Safari, Chrome fonctionne comme un charme, mais Internet Explorer (toutes versions) et Opera ne veut pas l'exécuter correctement.

Des solutions pour que cela fonctionne dans IE et Opera?

post-scriptum Pas un JavaScript/jQuery gourou, donc le script ressemble à de la merde.

Merci d'avance!

Answer 1

Il semble que votre <div class="next"> soit un frère ou une sœur de votre <div class="content-item"> alors pourquoi s'embêter avec la fonction parent().

simplifier à cela et voir si cela fonctionne:

$('.content-item .readmore').toggle(function() {   
    $(this).next().fadeIn(); 
    $(this).html("Read less »"); 
}, function() { 
    $(this).next().fadeOut(); 
    $(this).html("Read more »"); 
});