是否使用jquery使用同一类的slideUp/slideDown Div？

我正在尝试创建一个单页签出表单

我需要上下滑动几个div，所有div都有相同的类名，但div的内容不同

我创建了这个JSFIDLE来演示这个问题：

这是我的jquery代码：

$( ".button" ).click(function() {
$( ".pageContent" ).slideUp( "slow" );
},
function() {
$( ".pageContent" ).slideDown( "slow" );
});

如您所见，上面的代码将一次向下滑动所有div

---

有人能就这个问题提出建议吗？

您可以使用：第n个类型选择器

function() {
$( ".pageContent:nth-of-type(4)" ).slideDown( "slow" );
});

---

单击方法不接受2个函数！您应该更改标记的结构。逻辑似乎被打破了。当一个元素被隐藏时，你如何单击它？我开始写答案，但后来意识到我不明白你想要什么。一个按钮应该点击什么？它与上下滑动有什么关系？@j08691，你见过一页的结账页面吗？那些上下滑动的？基本上，这就是我想要达到的。@Vohuman，是的，我明白逻辑是不对的@j08691，啊，这就是我要找的词！手风琴是的，伙计。