如果WebGrid MVC c#中的列中文本太多，则显示更多或更少链接

grid.Column("TextColumn", "文本内容")

grid.Column("TextColumn", "文本内容", format: @<text>
    @if (item.TextColumn.Length > 50)
    {
        <span>@item.TextColumn.Substring(0, 50)</span>
        <a href="#" class="more-link">更多</a>
        <div class="more-content" style="display: none;">@item.TextColumn</div>
        <a href="#" class="less-link" style="display: none;">更少</a>
    }
    else
    {
        <span>@item.TextColumn</span>
    }
</text>)

$(document).ready(function() {
    $(".more-link").click(function(e) {
        e.preventDefault();
        $(this).hide();
        $(this).next(".more-content").show();
        $(this).next(".more-content").next(".less-link").show();
    });

    $(".less-link").click(function(e) {
        e.preventDefault();
        $(this).hide();
        $(this).prev(".more-content").hide();
        $(this).prev(".more-content").prev(".more-link").show();
    });
});