IE和Opera中的jQuery脚本失败

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 »");
});

Firefox，Safari，Chrome就像魅力一样，但Internet Explorer（所有版本）和Opera都不想正确执行它。

任何可以在IE和Opera中使用的解决方案吗？

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

提前致谢！

Answer 1

好像你的<div class="next">是你<div class="content-item">的兄弟姐妹，所以为什么要打扰父（）函数。

简化它并查看它是否有效：

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