Javascript onclick显示/隐藏div元素

我是javascript新手，需要一些帮助。我正在开发一个网站，我有一个Button nemed“添加治疗笔记”

1.如果我单击“添加治疗笔记”，相应的两个

应打开，如果

处于打开状态，“添加治疗笔记”按钮应将文本更改为“隐藏治疗笔记”

请告诉我如何在我的页面中实现这一点

---

谢谢

因为您用

jQuery

标记了您的问题，所以您可能需要查看jQuery的、、和函数。这可能会让你开始。当您有一些代码要共享时，请随时回来询问更详细的问题。

因为您用

jQuery

标记了您的问题，您可能需要查看jQuery的、、和函数。这可能会让你开始。当您有一些代码要共享时，请随时回来询问更详细的问题。

您可以使用此功能

$('#divpopup').click(function()
 {
   $('.ir-shade4').toggle();
   $('.ir-shade3').toggle();
}

然后使用

$（'#divpopup'）.text（'Hide treatment notes'）

我将把它留给你自己做一个练习，输入一个if语句，检查你应该将文本设置为什么

$('#divpopup').click(function()
 {
   $('.ir-shade4').toggle();
   $('.ir-shade3').toggle();
}

然后使用
$（'#divpopup'）.text（'Hide treatment notes'）

我将留给您自己做一个练习，输入一个if语句，检查您应该将文本设置为什么

<button id="test">Add treatment notes</button>

给按钮一个id，让我们说

<button id="test">Add treatment notes</button>

除了html代码之外，你还试过什么吗？如果是，请发布您尝试过的脚本。Kishor，我尝试过上面的代码，但它不起作用，如果我想更改某些内容，请告诉我我想使此函数起作用。除了html代码之外，您尝试过什么吗？如果是，请发布您尝试过的脚本。Kishor，我尝试过上面的代码，但它不起作用，如果我想更改某些内容，请告诉我我想使此函数工作Hi，我跟随您的代码，切换未发生，是否需要在不同的函数中初始化，请帮助meI检查并恢复sirOk检查我的答案是否正确我已更新，然后使用并尝试。先生，它正在工作，一个问题是，当div处于隐藏状态时，值不会更改，反之亦然。您能否告诉我如何在刷新页面时使该div处于隐藏状态。感谢您的扩展帮助。不，这是我的代码的问题，我已更正，工作正常。您的回答是正确的。您好，我遵循了您的代码，没有发生切换，无论我是否需要在不同的功能中初始化，请帮助meI检查并还原sirOk检查我正确更新的答案，然后使用并尝试。先生，它正在工作，一个问题是，当div处于隐藏状态时，值不会更改，反之亦然。您能否告诉我如何在刷新页面时使该div处于隐藏状态。感谢您的扩展帮助。不，这是我的代码的问题，我已更正，工作正常。您的回答是正确的。
<button id="test">Add treatment notes</button>

$(document).ready(function(){

$("#test").click(function(){
    $("#irid1").toggle();
    $("#irid2").toggle();
    if ($("#irid1").is(":visible")) {
        $("#test").html('Hide treatment notes');
    } else {
        $("#test").html('Show treatment notes');
    }
});
});