Javascript 无法使用jquery切换块引号的可见性

所以我在这里学习基本的Jquery函数。我试图使活动blockquote在其他blockquote关闭或关闭时可见。可以这么说。一次只有一个

$('.read').click(function() {
    $("blockquote.visible").removeClass("visible")
    $("blockquote").addClass("visible")
    });

我在Jsiddle中做了一个例子，几乎成功了：

---

你可以这样做

$（'.read'）。单击（函数（）{
$（“块报价”）.removeClass（“可见”）
$（this）.parents（'.container'）.next（“blockquote”）.addClass（“可见”）
});
blockquote{
不透明度：0；
过渡：1秒全部
}
.可见{
不透明度：1
}

引用
一些很酷的引语
贝多芬最好的名言

阅读
一些文本
莫扎特最好的名言

阅读
一些文本
除了使用
.parent（）
两次之外，您还可以使用
.parents（'.container'）
这里还可以使用
最近的（）