pq tenia que comparar el id del que ha pinchado y responder segun eso.
Al final ha quedado una de mis funciones monstruo... poco a poco aprendo a reducirlas, pero me sigue quedando un codigo que me sigue pareciendo demasiado extenso. Tb hay que tener en cuenta que la pàgina funciona casi casi como un escritorio, así que jquery trabaja bastante jejejej
Código:
$("li.campionat").click(function(event) {
$("li.campionat").fadeOut();
$("#events_aux").fadeOut();
$("#barra_camp").fadeIn();
$("#content_camp").fadeIn();
$("#thumbs").show();
var champ=$(this).attr('id');
if (champ=='c1'){
$("#barra_camp").css({'background-color':"#FF3300"});
$(".menu_camp").css({'background-color':"#FF3300"});
$("#mc1").fadeIn();
$("#thumb_c1").css({'background-image':"url(logos/soccer/futsal_th.jpg)"})
llamadasin('campionats/c1/presentacio.html','content_camp');;
}
if (champ=='c2'){
$("#barra_camp").css({'background-color':"#FFCC33"});
$(".menu_camp").css({'background-color':"#FFCC33"});
$("#mc2").fadeIn();
$("#thumb_c2").css({'background-image':"url(logos/soccer/fut7_th.jpg)"});
llamadasin('campionats/c2/presentacio.html','content_camp');
}
if (champ=='c3'){
$("#barra_camp").css({'background-color':"#66FF00"});
$(".menu_camp").css({'background-color':"#66FF00"});
$("#mc3").fadeIn();
$("#thumb_c3").css({'background-image':"url(logos/soccer/fut11_th.jpg)"});
llamadasin('campionats/c3/presentacio.html','content_camp');
}
if (champ=='c4'){
$("#barra_camp").css({'background-color':"#3399FF"});
$(".menu_camp").css({'background-color':"#3399FF"});
$("#mc4").fadeIn();
$("#thumb_c4").css({'background-image':"url(logos/soccer/futsal24_th.jpg)"});
llamadasin('campionats/c4/presentacio.html','content_camp');
}
});
Como ves, según el id del elemento de la lista pongo unos colores o otro (que identifican cada campeonato) y muestro un menú o otro, mientras que cargo via ajax una pàgina externa en el un div.