jQuery脚本在IE和Opera失败

Question

http://dev.mindboiler.lv/（你会被带到介绍页面，只需点击标识进入真正的网站）

这是网站，我目前的工作。您可以将语言更改为英语以更好地理解它，但无论如何，它都是虚拟文本。
有这些Read more链接，点击后，执行下面的jQuery：

$('.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 »"); 
}); 

火狐，Safari，Chrome的工作就像一个魅力，不过IE（所有版本）和Opera不希望执行它正常。

任何解决方案，以在IE和Opera工作？

P.S.不是JavaScript/jQuery大师，因此该脚本看起来像垃圾。

在此先感谢！

Answer 1

它看起来好像你的<div class="next">是你的<div class="content-item">的兄弟姐妹，所以为什么甚至会打扰parent（）函数。

它简化到这一点，看看它是否工作：

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