Arkadaşlar istediğimi şu şekilde gerçekleştirdim.

$('document').ready(function(){
$('.top20more').hide();
$(".hide").hide(); 
$('.top20button').click(function(){
$(".hide").show(); 
$(".show").hide(); 
$('.top20more').slideToggle('slow'); 
}); 
});

fakat birer kere göster ve gizle butonlarına tıklayınca buton değişmiyor, gizle butonu olarak kalıyor maalesef.