如何在不影响相同类元素的情况下切换 jquery 中的单个类？

Question

我正在我的网站上设置一个类似 reddit 的评论系统。每个评论的右上角都有一个折叠评论的小按钮。

我有 JQuery toggleClass 的评论崩溃。

$(".button").click(function() {

  $('.bottomtext').toggleClass('bottomtext-small');

  $('.upvote').toggleClass('upvote-small');

  $('.downvote').toggleClass('downvote-small');

  $('.main-content').toggleClass('main-content-small');

  $('.button').toggleClass('button-small');

});

评论折叠在一条评论上运行良好，但由于我切换了课程，所以每条评论都会折叠。我怎样才能只影响我点击的按钮的评论？

JSFiddle：https ://jsfiddle.net/j765rkpc/7/