JQuery切换按钮更改文本

我正在玩JQuery，并试图制作一个简单的程序。基本上，我想要一个切换段落可见性的按钮，我想要按钮上的文本随着“p”的可见性而改变。第一部分有效，第二部分无效

我知道关于这类事情还有其他问题要问，但我试过模仿很多不同的东西，但都没有得到结果，所以我想我应该问一下。这是我现在的密码

<script>  $(document).ready(function(){

        $("button").click(function(){

   $("p").toggle();

        });
    });

if (p.style.visibility==="hidden")
   {
       $("button").text("show text");
   }
   else
   {
       $("button").text("hide text");
   }

    </script>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）.toggle（）；
});
});
如果（p.style.visibility==“隐藏”）
{
$（“按钮”）.text（“显示文本”）；
}
其他的
{
$（“按钮”）.text（“隐藏文本”）；
}

---

如何进行此操作？

不要检查可见性是否已更改，请检查显示器是否已更改

.toggle（）

不会更改可见性

if (p.style.display==="none")
   {
       $("button").text("show text");
   }
   else
   {
       $("button").text("hide text");
   }

---

有更好的方法可以做到这一点，但这应该是可行的。

首先，将代码放在onclick函数中：

 $("button").click(function(){
   $("p").toggle();
   // change your text here
});

第二，p不在任何地方声明。用$（'p'）选择它。您可以切换class“active”并检查p是否有类处于活动状态，而不是检查其可见性。

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）.toggle（）；
//在这里检查并正确选择p
如果（$（“p”）为（“：可见”））{
$（“按钮”）.text（“隐藏文本”）；
}否则{
$（“按钮”）.text（“显示文本”）；
}
});
});

隐藏文本
嗨，这是文本
 
您是否尝试过为if语句使用
$（“p”）.css（“可见性”）==“隐藏”
？现在您正在访问未定义的变量
p
。