SharePoint上的jquery展开/折叠在IE 10中无法正常工作

Question

我是我小组中的SharePoint专家，但我是一名新手程序员。通过反复试验，我设法将我通过在线搜索找到的一些代码拼凑在一起，以使我的SharePoint列表（用作常见问题解答）能够扩展/折叠超过一定高度的长答案。它在阅读更多和阅读更少之间切换。我把阅读上的文字更多/更少改为蓝色。它在FireFox中运行得非常好。它在IE中根本不起作用。我无法弄清楚为什么。我尝试了一些不同的控制台日志语句，所以我可以尝试找到它。它似乎没有执行该事件。我试图将它从.toggle更改为.on（'click'，function（）），但它也不喜欢。这是我的代码，请帮助：

已编辑 - 这是有效的：
    

if(typeof jQuery=='undefined'){
    var jQPath = 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'
    document.write('<script src="',jQPath,'" type="text/javascript"><\/script>');
}
</script>

<style type="text/css">
.expandText {height:auto;}
.collapseText {height:26px;overflow:hidden}
</style>

<script type="text/javascript">

    var expand = "[Read More]";
    var collapse = "[Read Less]";

    function ExpGroupRenderData(htmlToRender, groupName, isLoaded) {
        $("#tbod" + groupName + "_").attr("isloaded", isLoaded)
            .html(htmlToRender)
            .show("fast", collapseText("#tbod" + groupName + "_"));
    }

    function collapseText(group) {
        if (!group) group = "#MSO_ContentTable";
        var html = "<a id='collapseText'; style='color:blue'>[Read More]</a>";
        $(group + " td.ms-vb2>div").each(function (i, e) {
            $(e).css({
                display: "inline-block"
            });
            if (e.clientHeight > 35) {
                $(e).toggleClass("collapseText")
                    .parent().append(html);
            }
        });

        $(group + " a[id='collapseText']").toggle(function (event) {
            $(event.target).text(collapse).css('color', 'blue').prev().removeClass("collapseText");
            return false;
        }, function (event) {
            $(event.target).text(expand).css('color', 'blue').prev().addClass("collapseText");
            return false;
        });
    }
    $(function () {
        collapseText();
    });

</script>