Salve ho questo codice js/jquery:

//Comando per far apparire/scomparire i codici html per l'affiliazione

//primo banner
$('#banneruno').click(function(){
document.getElementById('affappear').style.display = 'block';
document.getElementById('primo').style.display = 'block';

if(document.getElementById('primo').style.display = 'block'){
document.getElementById('secondo').style.display = 'none';
document.getElementById('terzo').style.display = 'none';
document.getElementById('quarto').style.display = 'none';
};
});

//secondo banner
$('#bannerdue').click(function(){
document.getElementById('affappear').style.display = 'block';
document.getElementById('secondo').style.display = 'block';

if(document.getElementById('secondo').style.displa y = 'block'){
document.getElementById('primo').style.display = 'none';
document.getElementById('quarto').style.display = 'none';
document.getElementById('terzo').style.display = 'none';
};
});

//terzo banner
$('#bannertre').click(function(){
document.getElementById('affappear').style.display = 'block';
document.getElementById('terzo').style.display = 'block';

if(document.getElementById('terzo').style.display = 'block'){
document.getElementById('primo').style.display = 'none';
document.getElementById('secondo').style.display = 'none';
document.getElementById('quarto').style.display = 'none';
};
});

//quarto banner

$('#bannerquattro').click(function(){
document.getElementById('affappear').style.display = 'block';
document.getElementById('quarto').style.display = 'block';

if(document.getElementById('quarto').style.display = 'block'){
document.getElementById('primo').style.display = 'none';
document.getElementById('terzo').style.display = 'none';
document.getElementById('secondo').style.display = 'none';
};
});

Solo che ciò che vorrei fargli fare non lo fa! Vorrei che al click di determinate immagini con id appaia una textarea e dentro dei codici html. Sapreste dirmi dove sta l'errore? Grazie