[SOLUCIONADO] Ocultar div y poner otra visible

[ceaped]

Buenas tardes
Tengo dos botones.
Deseo que cuando el botón "ocultar" este visible el Botón "visible" no y cuando presione el botón "visible" se oculte el botón "ocultar".

Tengo estas DIV:

Código HTML:

<div id="visible" class="bloque_activador_zonas" title="Visible menú">Visible menú</div>
<div id="ocultar" class="bloque_activador_zonas" title="Ocultar menú">Ocultar menú</div>
 

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
    
    $('#visible').hide();
    
    $("#ocultar").on( "click", function() {
        $('#ocultar').hide();
        $('#visible').show();                   
        });
        
    $("#visible").on( "click", function() {
        $('#visible').hide();
        ('#ocultar').show();
        });
    });
</script>
 

El me inicia bien.
Oculta el menú y cuando presiono visible se me desaparece el botón ocultar.

¿Qué tengo malo?

Gracias por su ayuda

[ZedGe1505]

Te falta cambiar

Código Javascript:

('#ocultar').show();
 

por

Código Javascript:

$('#ocultar').show();
 

[g3kdigital]

De hecho ;) esto lo podemos hacer usando solo css, pero eso es para otras necesidades mmmm y solo por preguntar así no te sirve?

Código HTML:

<div class="btn">visible</div>
 

Código Javascript:

var btn = $(".btn");
btn.on( "click", function() {
    $(this).html() == "visible" ? $(this).html('oculto') :
    $(this).html('visible');
});
 

Como hice en este pen: http://codepen.io/g3kdigital/pen/PZKjNb

[ceaped]

Hola g3kdigital
Si es lo que buscaba.

Gracias por tu ayuda