Ocultar div mediante onclick="ocultar(this)"

[Alan92]

Hola, primero gracias por la ayuda.
Tengo esto
<div id="boton" onclick="ocultar(this)"></div>

<script>
function ocultar(q){
q.hide(500);
}
</script>

Pero no oculta el div :( .. lo importante es realizarlo de esta manera ya que tengo muchos div con id="boton", y solo quiero que se oculte el que sea clickeado, no todos, ni el primero que aparezca con ese nombre

[un_amigo_mas]

Pero en el Html estas llamado a todos con Class="boton"??

[Alan92]

no, está dentro de un class de nombre distinto

<div class="card1">
<div id="boton"></div>
</div>

pero cada "card" tiene dentro un div de id "boton"

[xfxstudios]

prueba asi:

Código HTML:

<div id="boton" onclick="ocultar(this.id)">OCULTAR</div>
 
<script>
function ocultar(X){
 
$("#"+X).hide(500);
 
}
 
</script>
 

https://jsfiddle.net/cbzu1bcz/

[un_amigo_mas]

O Mira podrias pobrar este, Aunque la opcion que te da xfxstudios se ajusta mas a lo tuyo, este te podria dar una idea.

Código Java:

$(document).ready(function() {
    $('div').click(function() {
        $(this).fadeOut('slow');
    });
});
 

Con este al darle click sobre el div desaparecera, No se es para darte una idea

Saludos