阅读tumblr的更多按钮

Question

早上好！ 我想请你帮忙解决这个问题： 我想在我的tumblr博客中添加一个阅读更多按钮，但该网站提供的按钮不适合我的目标。我需要按钮在适当的'body-text'类元素上切换'closed'类。

我有这段代码：

 ._readmore {
        width: 100%;
        height: 20px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0px;
        cursor: pointer;
    }
    .closed {
        max-height: 100px;
        overflow-y: hidden;
    }



  $(document).ready(function(){
       $("._readmore").click(function(){
         $(".body-text").toggleClass("closed");
       });
    });

问题是，如果我点击其中一个'_readmore'类元素，所有'body-text'类元素都会松开封闭类。

（博客：http://fiktivcikkek.tumblr.com/）

感谢您的帮助。 利文特

Answer 1

$(".body-text").toggleClass("closed"); // will select all the classes 

您需要将代码更改为

$(document).ready(function() {
  $("._readmore").click(function() {
    $(this).prev('.body-text').toggleClass("closed"); // to select the previous element of ._readmore class
  });
});