Novato1989

Galera, estou apanhando aqui... estou com este código a baixo e que abre tipo uma janela, mas quando eu clico em outro link do menu, outra janela abre por cima e não fecha a anterior, eu gostaria que fechasse a anterior ou que quando clicasse em fechar, não fechasse todas as janelas, só a atual. Me ajudem ai por favor! // JavaScript Document $(document).ready(function() { $('a[name=modal]').click(function(e) { e.preventDefault(); var id = $(this).attr('href'); var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); }); $('.window').click(function (ev) { ev.preventDefault(); $('#mask').hide(); $('.window').hide(); }); $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); }); HTML <li class='active has-sub'><a href='#'><span>Clientes</span></a> <ul> <li><a href="#dialog1" name="modal"><span>Cadastrar</span></a></li> <li><a href="#dialog2" name="modal"><span>Vizualizar</span></a></li> </ul> </li> <div id="principal" name="principal"> <div id="boxes"> <div id="dialog1" class="window"> <?php include "cliente_cadastro.php"; ?> </div> <div id="dialog2" class="window"> <?php include "teste.php";?> </div> </div> </div> CSS a { color:#333; text-decoration:none; } a:hover { color:#ccc; text-decoration:none; } #mask { position:absolute; left:0; top:0; z-index:9000; background-color: #000000; display:none; } #boxes .window { position:absolute; left:0; top:0; width: auto; height: auto; display:none; z-index:9999; padding:20px; } #boxes #dialog { width: auto; height: auto; padding:10px; background-color:#ffffff; } .close{ text-align: right; margin-right: 10px; border: 0; }