Question

我知道如何切换，但如何在切换发生后更改名称并在显示和隐藏链接之间切换

所以这是我的代码

$(document).ready(function(){
    $('#show_review').click(function(){
      $('#show_something').toggle('slow');
    });
});

<a href='#' id="show_review">Show</a></p>

Answer 1

使用接受两个功能的切换事件最好。然后你可以做任何你想要的操作。

试一试： http://jsfiddle.net/tDr4R/

$(document).ready(function(){
    $('#show_review').toggle(
       function() {
          $(this).text('Hide');
          $('#show_something').toggle('slow');
          return false;
       },
       function() {
          $(this).text('Show');
          $('#show_something').toggle('slow');
          return false;
       }
    );
});

如果您不需要任何其他操作，另一种可能性是将函数传递给.text()。

试一试： http://jsfiddle.net/tDr4R/1/

$(document).ready(function(){
    $('#show_review').click(
       function() {
          $(this).text(function(i,text) { return (text == 'Show') ? 'Hide' : 'Show'; });
          $('#show_something').toggle('slow');
          return false;
       }
    );
});

Answer 2

只需用您想要的任何内容替换文字：

$('#show_review').click(function(){
  $('#show_something').toggle('slow');
  if ($('#show_review').text() == 'Show')
    $('#show_review').text('Hide');
  else
    $('#show_review').text('Show');
});

Jquery切换设置调用者链接的名称

2 个答案: