Jquery返回文本切换

我想修改下面的代码，并在切换中显示一个在html中显示“unsubscribe”的div，而不是让js中的文本控制该部分。因此，理想情况下，我希望删除“return txt===”Unsubscribe“？“Subscribe”：“Unsubscribe”；”并只切换divs。有什么想法吗？

我会改变结构（JSFIDLE不适合我……所以我没有测试它。）

订阅
成功订阅链接返回

成功取消订阅

$（“.subscribe”）。单击（函数（）{
$（this）.hide（）；//隐藏第一行
$（this）.next（）.show（）；//显示第二行
});
$（“.back”）。单击（函数（）{
$（this）.parent（）.hide（）；//隐藏第二行
$（this）.parent（）.prev（）.show（）；//显示第一行
$（this）.parent（）.next（）.show（）；//显示第三行
});

如果我正确理解您的意思，您可以在css的帮助下完成这项工作：

html js

---

您已经在使用toggle（）函数。。为什么不直接使用它呢？（制作另一个div并在它们之间切换）这不是我希望它的工作方式。单击时订阅不应可见，而“取消订阅”应是与.myclass的链接，单击以提交时该链接将带您返回。更改结构不是一个选项此脚本无效。它不允许我在一个页面上添加多个实例。目标是使用div切换并从js中消除它。我希望它也不会被添加到css中。好的。首先，您可以通过一些调整将此技术用于多个实例。。第二，请解释一下仅使用切换div的逻辑。。？我看不出有什么好处。。第三，为什么不使用css？

<div>
    <a class="subscribe">subscribe</a>
    <p style="display:none;">success subscribe <a class="back">link back</a></p>
    <p style="display:none;">successful unsubscribe</p>
</div>

$(".subscribe").click(function(){
      $(this).hide();  // hide line one
      $(this).next().show();  // show line two
});

$(".back").click(function() {
    $(this).parent().hide();  // hide line two
    $(this).parent().prev().show();  // show line one
    $(this).parent().next().show();  // show line three

});

<div class='subscribe'> 
    <div id='divB' style="display:none">You are now Subscribed</div> 
    <a href='#' class='toggleSubscribe'></a>
</div>

.toggleSubscribe:before { content:"Subscribe";}
.myClass:before { content:"Unsubscribe";}

$('a.toggleSubscribe').click(function() {
    $("#divB").toggle();
    $(this).toggleClass('myClass');
});