Buenas a todos, a ver si me podéis ayudar con este problema que me lleva de cabeza. Tengo en un documento una capa llamada "msgid" que oculto y muestro con jquery mediante dos enlaces. El código en el documento es:
Código HTML:
<a id="ocultar">Ocultar</a>
<a id="mostrar">Mostrar</a>
<div id="msgid">Capa a mostrar</div>
El código jquery que hace esto posible es:
Código:
$(document).ready(function(){
$("#ocultar").click(function(){$("#msgid").slideUp(600)});
$("#mostrar").click(function(){$("#msgid").slideDown(600)});
});
El problema es el siguiente: necesito tener varias capas a la vez en el mismo documento, y no puedo saber de antemano cuantas seran (entre 1 y 3, entre 1 y 20?) ya que eso depende de una consulta en una base de datos. Cada capa tendrá sus propios botones de mostrar/ocultar.
Hasta ahora lo único que he conseguido es ocultar y mostrar
todas las capas con el mismo enlace, pero no cada una por separado. Este el código que tengo hasta ahora:
Código:
$(document).ready(function(){
$("div#msgid").each(function(i){
$(this).hide();
$("#ocultar").each(function(j){
$(this).click(function(){$("div#msgid").slideUp(600)});
});
$("#mostrar").each(function(j){
$(this).click(function(){$("div#msgid").slideDown(600)});
});
});
});
¿Alguna idea?
¡Gracias de antemano!