jquery - 使用 jQuery 切换文本

Question

我想将第一次点击cta-end h1时的文本从修改更改为关闭 然后，当您第二次单击时 --> close --> modification 等等。 我想要切换文本。

这是我的 HTML

    <div id="cta-end">
     <h1>Modification</h1>
    </div>

<div id="bloc1"><h3>BLOC 1</h3></div>
<div id="bloc2"><h3>BLOC 2</h3></div>

jQuery

$(document).ready(function () {


    $('#cta-end').click(function () {
        $('#bloc1,#bloc2').toggle();
    });

});

我试图在堆栈上找到解决方案，但没有找到..

这是demo

谢谢:)

Answer 1

您可以使用:

 $('#cta-end').click(function () {
    $('#bloc1,#bloc2').toggle();
    $(this).children().text(($(this).children().text()=="Modification")?"close":"Modification");
});