Ocultar y mostrar div al hacer click

[erozwashere]

Hola veran,

estoy con problema,



tengo un div, y este se muestra dependiendo de los registros de la base de datos


<div class="ocultar">
<input class="inp" value="'.$iddebasededatos.'"/>
</div>


//si tengo 20 registros este se muestra 20 veces

<div class="ocultar">
<input class="inp" value="'.$iddebasededatos.'"/>
</div>


<div class="ocultar">
<input class="inp" value="'.$iddebasededatos.'"/>
</div>


<div class="ocultar">
<input class="inp" value="'.$iddebasededatos.'"/>
</div>

ETC..

trato de hacer que al dar click al input class="inp" se oculte el div class ="ocultar" dependiendo de cual es su registro

ejemplo

<div class="ocultar">
<input class="inp" value="10"/> // por que es el id de la base de datos
</div>

si doy click en el como puedo hacer que se oculte solo ese y no todos?

Código Javascript:

<script type="text/javascript">
$(document).ready(function () {
$(".inp").click(function(){ 
 
var comp = $(this).val();
 
$(".ocultar").hide();
 
 
});
 
 
 
 
});
 
</script>
 

eso me oculta todo y no solamente al que le doy click

Ayuda gracias

[rottenp4nx]

Prueba con

Código Javascript:

<script type="text/javascript">
$(document).ready(function () {
$(".inp").click(function(){ 
 
var comp = $(this).val();
 
$(this).parent('.ocultar').hide();
 
 
});
 
 
 
 
});
 
</script>
 

Saludos

[erozwashere]

Iniciado por rottenp4nx

Prueba con

Código Javascript:

<script type="text/javascript">
$(document).ready(function () {
$(".inp").click(function(){ 
 
var comp = $(this).val();
 
$(this).parent('.ocultar').hide();
 
 
});
 
 
 
 
});
 
</script>
 

Saludos

Muchas gracias colega! la verdad soy novato en js y jquery esto realmente me ayudo gracias !!