slideUp / slideDown使用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

你可以使用：nth-​​of-type选择器

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

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