截断图像除了图像以显示/隐藏休息与查看更多链接

时间:2015-07-14 15:25:27

标签: jquery truncate expand

嗨,作为一个新手在Javascript / Jquery我需要一些帮助。 我有一个包括文字和图像的课程。 我希望万一文本超过70个字符,其他部分除了图像以外都要隐藏。另外我希望在截断文本的末尾看到一个链接查看更多内容点击将扩展全文。当文本被扩展时链接应该变得不那么相反了。我尝试使用slideToggle因为看起来更顺畅..

这是我尝试的但我不管理保持图像或使视图更多链接功能。 您的帮助表示赞赏:

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();
      });
   });   

0 个答案:

没有答案