Ocultar varias div

[ceaped]

Buenas tardes
Tengo varios enlaces para que oculte cada div así:

Código HTML:

<a id="visibilityHidden" href="#" title="Título 1 ">Enlace 1</a>
<a id="visibilityHidden" href="#" title="Título 2 ">Enlace 2</a>
<a id="visibilityHidden" href="#" title="Título 3 ">Enlace 3</a>
 

Código HTML:

<div id="hide-me">contenido 1</div>
<div id="hide-me">contenido 2</div>
<div id="hide-me">contenido 3</div>
 

Código Javascript:

$('#displayNone').click(function(e) {
  
  // Resetear, por si acaso has estado jugando con la otra propiedad
  $('#hide-me').css('visibility', 'visible');
  
  if( $('#hide-me').is(":visible") ) {
    $('#hide-me').css('display', 'none'); 
  } else {
    $('#hide-me').css('display', 'block');
  }
});
 
$('#visibilityHidden').click(function(e) {
  
  // Resetear, por si acaso has estado jugando con la otra propiedad
  $('#hide-me').css('display', 'block');
  
  if( $('#hide-me').css('visibility') != 'hidden' ) {
    $('#hide-me').css('visibility', 'hidden');
  } else {
    $('#hide-me').css('visibility', 'visible');
  }
});
 

Pero sólo me funciona para la primera div.
¿Cómo hago para que me funcione para cada dic?

Gracias por su ayuda

Nota: de acá tome el ejercicio: CODEPEN