Hay alguna forma de resumir o reescribir éste script...?
Ahora el siguiente ejemplo es muy fácil, porque son sólo 3 divs los que hay a abrir y cerrar, pero el problema es que cada vez se hace más y más grande (puede llegar a 250-300 divs), y por lo visto aquí comparten algunas funciones, como al hacer click en .layer-2 se cierra el div abierto en éste momento.
Alguna idea...?
CSS
.layer-2 {display:none}
#info-1 {display:none}
#youtube-1 {display:none}
#ver-carrito {display:none}
SCRIPT
$(document).ready(function(){
$("#uno").click(function(){
$("#info-1,.layer-2").show();
});
$(".cerrar,.layer-2").click(function(){
$("#info-1,.layer-2").hide();
});
});
//-----------------
$(document).ready(function(){
$("#dos").click(function(){
$("#youtube-1,.layer-2").show();
});
$(".layer-2").click(function(){
$("#youtube-1,.layer-2").hide();
});
});
//-----------------
$(document).ready(function(){
$(".carrito").click(function(){
$("#ver-carrito,.layer-2").show();
});
$("#close-ver-carrito,.layer-2").click(function(){
$("#ver-carrito,.layer-2").hide();
});
});