مشکل در مورد یک کد جی کوئری

سلام. این کدی که نوشتم واسه اینه که وقتی موس رو میبرم روی یه چیزی، یه چیز دیگه show شه و وقتی موس رو از محوطش خارج می کنم hide شه:

کد:

---

<script type="text/javascript">
	$(function() {
	$('#dots1').hover(function() {
	$('#ds1pop').show(500);},function() {
	$('#ds1pop').stop().hide(500);});
	});
	</script>

---

درست کار می کنه ولی وقتی یه بار موس رو قبل از این که show کامل بشه بردارم از روش از اون به بعد دیگه کلا هر بار که موس رو می برم روش show فقط تا اونجایی که دفعه قبل قطع شده بود انجام میشه!!! امیدوارم تونسته باشم منطورمو بفهمونم!!! مشکل کار چیه؟

نمیدونم منظورت رو درست فهمیدم یا نه، ولی اگر میخوای وقتی موس میره روی المنت یا خارج میشه انیمیشن بصورت کامل انجام بشه میتونید از متد stop استفاده نکنید:

کد:

---

$(function() {       
        $('#dots1').hover(function() {       
                $('#ds1pop').show(500);
        }, function() {
                $('#ds1pop').hide(500);
        });
});

---