阅读更多脚本问题

Question

我目前正在阅读更多脚本，但我有3个小问题。

1. 如果我第一次直接弹出文本时点击链接而不是切换动画（动画没有显示），为什么？
2. 如何确保没有像br，b，paragraph那样剪切html广告代码？

3. 目前，链接的位置也存在一个小问题。不知何故，第三次点击后链接在新行上。如果我查看源代码（在浏览器中），我看到有一个display: block但我没有添加任何设计，除了这里的设计：

   $(document).ready(function() {
       var readMoreText = "Read more..",
           readLessText = "Read less..";
   
       $(".entry-text").each(function() {    
           var link = $("<a href='' class='read-more'>Read more..</a>");
   
           if($(this).text().length > 700) 
           {
               $(this).html("<span>" + $(this).html().substr(0, 700) + "</span><span style='display: none'>" + $(this).html().substr(150) + "</span>");
               $(this).append("&nbsp;");
               $(this).append(link);
           }
       });   
   
       $(document).on("click", "a.read-more", function(event) {
           event.preventDefault();
   
           if($(this).text() == readMoreText)
               $(this).text(readLessText).prev().slideToggle("fast");
           else
               $(this).text(readMoreText).prev().slideToggle("fast");
       });
   });
   

编辑：添加了一个jsfiddle：https://jsfiddle.net/svkrp0te/