slideUp/slideDown Div's with same class using jquery？

Question

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

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

我创建了这个jsfiddle来演示这个问题：http://jsfiddle.net/gpjrh8zr/1/

这是我的jquery代码：

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

正如您所看到的，上面的代码将一次滑动所有div。

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

Answer 1

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

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

http://jsfiddle.net/gpjrh8zr/3/