如何点击超链接能改变标题文字，再次点击后还原文字？

Question

前端小白在线求教：如何点击超链接能改变标题文字，再次点击后还原文字？

举个例子：

<td><a href="。。。。">撤下</a></td>

点击后 变为：

<td><a href="。。。。">发布</a></td>

再次点击后 变为：

<td><a href="。。。。">撤下</a></td>

 

我现在只会一次修改：

<script>
$(document).ready(function(){
  $("a").click(function(){
    $("#w3s").text('发布');
  });
});
</script>

 

但是再次还原不太会 求教！！

Answer 1

<td><a href="。。。。" class="hide">撤下</a></td>
<td><a href="。。。。" class="show">发布</a></td>

<style>

.hide{

display: none

}

.show{

display: block

}

</style>

通过点击切换class类来进行 发布  撤销的文字更换，交替显示