显示/隐藏按钮

Question

我正在寻找一个（显示/隐藏）按钮来显示这样一个表：

点击在（显示）：

Button (Show) changes to (Hide) and the table appears. 

点击在（隐藏）：

Button (Hide) changes to (Show) and the table disappears. 

Answer 1

<input type="button" id="button" value="hide" /> 

$(function(){ 
    var button = true; 
    $('#button').on('click', function(){ 
     $('#button').toggle(); 
     if (button){ 
     button = false; 
     $('#button').val('hide'); 
     } else{ 
     button = true; 
     $('#button').val('show'); 
     } 
    }); 
}) 

Answer 2

方式放缓，但现在，我做媒体链接小提琴：

http://jsfiddle.net/j3zxH/1/

$(document).ready(function() { 
     $('.toggle').click(function(){ 

       var collapse_content_selector = $(this).attr('href');     

       var toggle_switch = $(this); 
       $(collapse_content_selector).toggle(function(){ 
         if($(this).css('display')=='none'){ 
          toggle_switch.html('Show'); 
         }else{ 
          toggle_switch.html('Hide'); 
         } 
       }); 
     }); 

});