Jquery 截断除图像以外的段落，以显示/隐藏带有“查看更多”链接的其余部分

嗨，作为一个新手，我需要一些帮助。 我有一个包括文本和图像的类。 我希望在文本超过70个字符的情况下，除图像外，其余部分都被隐藏。此外，我希望在截断文本的末尾看到更多的链接视图，单击该视图将展开全文。当文本展开时，链接应该会减少，反之亦然。我尝试使用滑动切换，因为它看起来更平滑

这是我尝试过的，但我无法保持图像或使视图更具链接功能。 感谢您的协助：

var minimized_elements = $('.child_body').contents(':not(img)');

    minimized_elements.each(function(){    
        var t = $(this).text();        
        if(t.length < 70) return;

       $(this).html(t.slice(0,70)+'<span>...</span><a href="#" class="more">View More</a>');      

      $("a.more").click(function(){
        $("minimized_elements").slideToggle();
      });
   });   

var-minimized_-elements=$（'.child_-body'）。内容（':not（img）'）；
最小化了_元素。每个（函数（）{
var t=$（this.text（）；
如果（t.长度<70）返回；
$（this.html（t.slice（0,70）+'…'）；
$（“a.more”）。单击（函数（）{
$（“最小化的_元素”）.slideToggle（）；
});
});   

您能在上创建一个演示吗？这就是你的意思吗？编辑：添加字符长度检查，并添加更多link@wlin，非常感谢您的快速回复！这与我想要的非常接近，但是如果#>70，我希望默认行为是折叠文本，效果像滑动切换一样平滑！