jQuery的切换设置来电联系

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'); 
});