i banner non appaiono

[Rikudou Sennin]

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

[Rikudou Sennin]

up

[Xinod]

ma... jquery sta li' e praticamente non lo usi!

lavora con un unica funzione, usa le classi (".bannerButton" sono i tuoi #banneruno, #bannerdue... ".banner" sono i tuoi primo, secondo...)
se non vuoi trovarti il relativo banner da mostrare via traversing del DOM o costruendone l' id dall' id del pulsante premuto puoi sempre usare uno switch, tipo

$('.bannerButton').click(function(){
  $('#affappear').show();
  $('.banner').hide();
  var indexSelectedBanner=$('.bannerButton').index($(this));
  var bannerToShow;
  switch(indexSelectedBanner){
     case 0:
       bannerToShow = 'primo'
       break;
     case 1:
       bannerToShow = 'secondo'
       break;
     case 2:
       bannerToShow = 'terzo'
       break;
     case 3:
       bannerToShow = 'quarto'
       break;
  }
  $('#'+bannerToShow).show()
})

[Rikudou Sennin]

geniale,ma non funziona.

[Rikudou Sennin]

geniale,ma non funziona.

forse se ti posto la pagina capirai meglio : http://gamecode.altervista.org/index.php?pg=partnership

[Rikudou Sennin]

up

[Vindav]

$(function(){
$('.bannerButton').click(function(){
....
});
});

[Rikudou Sennin]

ora provo

[Rikudou Sennin]

Funziona,ma sul sito di jquery è scritto che si puo anche fare così:

$('.bannerButton').click(function(){
....
});

senza la funzione di prima:

$(function(){
$('.bannerButton').click(function(){
....
});
});

Mi sapreste solo dire perchè non funziona senza questo? Grazie!

N.B: la mia è una domanda per delucidazioni teoriche