Javascript 用于多div'；s

我有一个函数，当我点击div.post-read时显示div.post-text的全部内容，当我再次点击时，隐藏它。 但有些地方不太对劲，当我在第一个文本中这样做时，一切都很好，但如果我在第一个文本打开时单击第二个或第三个文本，它就不会向后滑动，或者有时无法打开。 我的功能有什么问题

$(document).ready(function() {
var read = $(".post-read");
        read.click(function() {
            if (read.html() == 'Read more') {
                $(this).html("Show less");
                $(this).prev().removeClass('post-text').addClass('post-text-open');
                $(this).prev().hide();
                $(this).prev().slideToggle("slow");
            } else {
                $(this).html("Read more");
                $(this).prev().removeClass('post-text-open').addClass('post-text');
                $(this).prev().hide();
                $(this).prev().slideToggle("slow");
            }
            });
        });     

HTML:

改变这个

if (read.html() == 'Read more') {

对此

if ($(this).html() == 'Read more') {

请参阅。

$（this）.prev（）.hide（）$（this.prev（）.slideToggle（“slow”）；所以你把它隐藏起来，在它隐藏之后，你用滑动动作再次显示它。？

if (read.html() == 'Read more') {

if ($(this).html() == 'Read more') {