如果链接处于活动状态，如何更改链接中的文本？

Question

我有一个.php文件来构造幻灯片。 在该幻灯片中，我有一个小“ +”号– onClick –在div上切换以显示更多信息。 我只是不知道该如何管理，如果div向下切换，那么链接是“活动的”，“ +”更改为“-”或“ x”吗？

有人可以帮我吗？

"<div id='dialog-box-text'><a href='#' onclick=\"$('#dialog-toggle').toggle();\" style='display: block;'>[+]</a><div id='dialog-toggle'>"

这是我的一小段代码，可以管理这种“效果”

感谢您的任何帮助！！！

Answer 1

我希望将此发表为评论，但我的代表不够高。

您是否正在寻找这样的东西？ http://jsfiddle.net/s1gzxsb7/

$(document).ready(function(){
    $("#close").on("click", function(){
        if($(this).text()=="[+]"){
           $(this).text("[x]");
        }else{
           $(this).text("[+]");
        }
    });
});

Answer 2

"<div id='dialog-box-text'><a href='#' onclick=\"$('#dialog-toggle').toggle();if($(this).text()=='[+]')$(this).text('[x]');else $(this).text('[+]')\" style='display: block;'>[+]</a><div id='dialog-toggle'>"

Answer 3

我已经将其存储了-不知道是否有帮助：

http://codepen.io/CalvT/pen/JoOJJB

它的JavaScript如下：

$('a').on('click', function(){
  $('.wrap, a').toggleClass('active');

  return false;
});