Jquery返回文本切换

Question

我本来想改变下面的代码，并且有一个div表示＆＃34;取消订阅＆＃34;在html中显示在切换中并且没有该部分由js中的文本控制。理想情况下，我想删除＆＃34; return txt ===＆＃34;取消订阅＆＃34; ？ ＆＃34;订阅＆＃34; ：＆＃34;取消订阅＆＃34;;＆＃34;并且只是让div切换。有什么想法吗？

Answer 1

我会改变结构（jsfiddle对我不起作用......所以我没有测试它。）

<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

});

Answer 2

如果我理解正确，你可以在css的帮助下做到这一点：

very slow fiddle

HTML

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

CSS

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

JS

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