Hola, estoy creando una pagina donde hay nombres de programas y al pinchar en estos se despliega la info. El efecto de ocultar/mostrar lo hago con jquery y este codigo js:
Código HTML:
$(document).ready(function(){
$("#capa").hide();
$("#ocultar").click(function(){$("#capa").hide("fast")});
$("#mostrar").click(function(){$("#capa").show("fast")});
});
El problema es que como hay varias capas y cada capa necesita un id distinto pense en repetir el js para cada capa de la siguiente manera:
Código HTML:
$(document).ready(function(){
$("#cambio").hide();
$("#ocultar").click(function(){$("#cambio").hide("fast")});
$("#mostrar").click(function(){$("#cambio").show("fast")});
$("#capa2").hide();
$("#ocultar2").click(function(){$("#capa2").hide("fast")});
$("#mostrar2").click(function(){$("#capa2").show("fast")});
});
pero claro, habría que modificar el js cada vez que se inserte un nuevo programa y ademas esto no es nada eficaz. ¿Que me proponeis que haga para que no tenga que andar modificando el js cada vez?
Gracias.