如何使用单个 jquery 脚本独立切换我的 div 内容

Question

请，使用下面的脚本隐藏了我的 div 中的一些内容，并带有一个阅读更多按钮来显示每个 div 的全部内容。问题是当我点击阅读更多按钮时，它会显示所有带有“class abt”的div的内容。有没有办法解决这个问题，所以我不必创建多个类和多个脚本来匹配每个类？

下面是我的脚本：

$(文档).ready(函数(){ $(".abt").hide(); $(".toggle").click(function(){ $(".abt").toggle(); $(".toggle").hide(); }); });

下面是我的html内容

   <div>lets make the <span class="abt">World a better place     </span>         <a style="font-weight:bold;" class="toggle">Read more</a>  </div>

你好世界你好stackoverflow阅读更多 这就是我想要的生活阅读更多

Answer 1

你可以使用下面的jquery

$('a.toggle').click(function(){
    var hiddenElem = $(this).parent().find('.abt');
  $(hiddenElem).toggle();
});

参考我的链接：https://jsfiddle.net/fwec0cca/3/