Abrir y cerrar div Jquery

[nes24]

Hola, revisando algunos tutos de Desarrollo web sobre esconder y mostrar un DIV. tengo la sigiente curiosidad.

$("#ocultar").click(function(event){
event.preventDefault();
$("#welcome").hide("slow");
$('#ocultar').html(' Abrir ');
$('#ocultar').attr("id","mostrar");

});

$("#mostrar").click(function(event){
event.preventDefault(); alert(' hola ');
$("#welcome").show(3000);
$('#mostrar').html(' Ocultar ');
$('#mostrar').attr("id","ocultar");
});



<div style="width:600px; background-color:#CCCCCC">
<div id="welcome">
<h1>PANEL DE USUARIO </h1>
<a href="index.php?wAU=<?php echo $IDWEB; ?>">Ir al sitio</a></h2>
</div>
<div><a href="#" id="ocultar" >Ocultar</a></div>
</div>

Cuando doy click en ocultar, efectivamente el div se oculta y el texto se cambia por mostrar, es decir que se pueda mostrar el div, pero la sobresa es que cuando doy click en mostarr el div no se despliega.

Que puede ser???

[Dany_s]

porque estas modificando el id del enlace creo que eso ya es un elemento nuevo, para eso tienes que usar el evento live

Código HTML:

$("#ocultar").live('click', function(event){
    event.preventDefault();
    $("#welcome").hide("slow");
    $('#ocultar').html(' Abrir ');
    $('#ocultar').attr("id","mostrar");

});

$("#mostrar").live('click',function(event){
    event.preventDefault();
    $("#welcome").show(3000);
    $('#mostrar').text(' Ocultar ');
    $('#mostrar').attr("id","ocultar");
});

pero para hacer eso yo utilizaria toggle que se usa para ejecutar 2 funciones en forma alternada

Código HTML:

$("#ocultar").toggle(function(){
    $('#welcome').hide("slow");
    $(this).text("Mostrar");
},function(){
    $('#welcome').show(3000);
     $(this).text("Ocultar");
});