使用纯JavaScript隐藏/显示<p class =“show”>的文本</p>

Question

我有一些家庭作业，我的目标是隐藏和显示<p class="show">的文字，我真的碰壁了。 我已经成功编写了一个切换按钮，可以在按下时更改文本，但我无法弄清楚如何让文本对它做出反应。 一些指示将非常感激，只是为了指出我正确的方向。

这是我用于按钮的代码。

    function toggle(button)
{
    if(button.value=="Show text")
    {
        button.value="Hide text";
    }
    else
    {
        button.value="Show text";
    }
}

我目前的代码是： JSFiddle link

编辑： 可能值得一提的是我有两个具有相同类名的文本字符串。