Se me repite animación

[fr1974]

Hice este script con jquery

<style>


#selector
{
top:50px;
position:absolute;
width:250px;
min-height:200px;
height:auto;
margin:auto;
left:55%;
background-color:#eee;
border:1px solid #ff0000;
}

</style>













<script>

function selector (id)
{

/////
$(document).ready(

function()
{


if (id=="ok")
{
$("#selector").hide( "blind",{direction: "vertical"}, 1000 );
$("#boton").hide( "blind",{direction: "vertical"}, 1000 );
}

else
{
$("#selector").show( "blind",{direction: "vertical"}, 1000 );
$("#boton").show( "blind",{direction: "vertical"}, 1000 );
}



}

);


/////
}

</script>



<input type="text" name="textfield" value="Seleccionar Acci&oacute;n a Realizar" onClick="javascript:selector()">

<div id="boton" style="display:none;">
<a href="#" onClick="javascript:selector('ok')">X</a>
</div>

Le doy al campo y aparece la x y sale el div pero cuando presiono la x para ocultar el div este se repite el efecto blind dos veces sin más no lo comprendo a ver que me pueden decir , muchas gracias y un saludo a todos

[fr1974]

A alguien se le ocurre por que me ocurre esto de que se repite la animación , muchas gracias

[tredio]

para que no se repia necesitas poner un stop()

Código Javascript:

$("#selector").stop().hide();
 

[fr1974]

Muchas Gracias tredio lo voy a probar y te comento , muchas gracias :) !!!