Html 一次显示一个段落

嗨，我想让段落在你点击一个按钮时一次一个可见。 我可以让你只需要一个按钮就可以一次显示一个段落吗？我已经设法让它运行起来了，但我的解决方案似乎很冗长，因为我需要为每个段落设置一个按钮，这似乎是一项乏味的任务

这是我的代码：

$（“#butt1”）。单击（函数（）{
$（“#para1”）.show（）；
});
$（“#butt2”）。单击（函数（）{
$（“#para2”）.show（）；
});
p{
显示：无；
}

1.
2.
1。第一段
2。第二段
您应该避免为此使用标识符。
如下所示，“
.show
”必须为第一个匹配定义一个不包含特定类的目标，并将其自动化


$（“#按钮”）。单击（函数（）{
$（此）.text（'显示下一段'）；
$（“p:not（.show）”）.first（）.addClass（'show'）；
});
p:not（.show）{
显示：无；
}

显示段落
1。第一段
2。第二段
三,。第三段

四,。第四段

五,。第五段
您应该避免为此使用标识符。
如下所示，“
.show
”必须为第一个匹配定义一个不包含特定类的目标，并将其自动化


$（“#按钮”）。单击（函数（）{
$（此）.text（'显示下一段'）；
$（“p:not（.show）”）.first（）.addClass（'show'）；
});
p:not（.show）{
显示：无；
}

显示段落
1。第一段
2。第二段
三,。第三段

四,。第四段

五,。第五段
你好，博兹，你是一个明星，出色的解决方案，正是我想要的，希望我能给你更多votes@Ray我很高兴这对你有用。这对我来说已经足够了：）嗨，波兹，你是一个明星，优秀的解决方案，正是我想要的，希望我能给你更多votes@Ray我很高兴这对你有用。这对我来说已经足够了：）