Javascript 滑动切换下一个元素

我有许多带有“阅读更多”链接的代码段，我正在寻找一种方法，使所有代码段都具有相同的选择器。我认为jQuery的下一步可能会奏效：

<script>
$(document).ready(function () {
    $(".readmore").click(function () {
        $(".readmore").next().slideToggle("slow", function () {
            $(window).scrollTop($(this).offset().top);
        });
    });
});
</script>

Visible text 1<a class="readmore">Read More 1</a><div class="more">Text to appear 1</div>
Visible text 2<a class="readmore">Read More 2</a><div class="more">Text to appear 2</div>
Visible text 3<a class="readmore">Read More 3</a><div class="more">Text to appear 3</div>

<style>.more {display:none}</style>

不幸的是，当单击一个read more链接而不是下一个元素时，会显示所有代码段的文本。上面的代码有什么问题

这是一个。

你应该换衣服

$(".readmore").click(function () {
    $(".readmore").next()...

到

---

因此，单击事件函数中的下一个选择器仅应用于当前单击的元素，而不是同时应用readmore类的所有元素。

Wow！这很简单：最后一件事：有没有办法在幻灯片效果结束后轻轻滚动到显示的文本，而不是仅仅跳跃？@multiformingegno很高兴我能提供帮助。关于滚动-你的意思是像这样？是的，没关系！如果屏幕可以在div播放的同时滚动，那就太完美了scrolled@MultiformeIngegno是的，这是因为滚动在slideToggle回调中被调用，这意味着它在动画结束时开始。我会看看是否可以用另一种方式处理，并发表评论，但现在不行，因为时间已经晚了。

$(".readmore").click(function () {
    $(this).next()...