Показать/скрыть кнопку без перезагрузки страницы

Question

Я ищу для (Показать/Скрыть) кнопку, чтобы показать таблицу, как это:

щелкнул в (Show):

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

Путь к медленному, но теперь, когда я Allready сделал скрипку:

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

});