Jquery neden tek tıklamada birden fazla değer ekliyor

Aşağıdaki gibi bir jquery yapım var

$(document).ready(function(){

$.sayfa = {

gelen : function(deger){
var links = $("textarea[name=links]");
if(deger=="sayfa"){

$('.sayfalar').toggle();
        
         $('.sayfalar span').click(function(){
         $('.sayfalar').hide();
         });
         
        $(".sayfalar a").click(function(){
        
        var syf = $(this).attr('href');
        var linkler = $(links).val();
        $(links).val(linkler+syf);
        
        });
}
}

}

});

deger değişkeni sayfa ya eşit olduğunda ilgili kodlar çalışıyor buraya kadar sorun yok. Fakat $('.sayfalar').toggle(); her çalıştırıldığında yada açılan toogle ı kapatmak için $('.sayfalar span').click(function(){}); kısmına her tıklandığında (yani her gösterip gizlemeden sonra) $(".sayfalar a").click(function(){}); kod bloğu ne alakaysa her açma kapamadan sonraki tıklamada textarea ya bir fazladan link ekliyor diyelim 3 kere kapatıp açtık sonra bir linke tıkladık textareaya eklesin diye tıklanan linki 3 defa ekliyor sizce sorun nedir?