Simple dropdown div

Simple dropdown div

I have a div called testidrop,
<div class="testidrop" id="testidrop">...</div>


normally is is hidden, but when I click on a link (testialink)
it should drop down,

<a href="#" id="testialink" class="testialink">Testimonials</a>


So I thought it was all working great, until I discovered than whenever you click ANYWHERE on the page it drops down!
:confused:

Here is the code in the head tag

   <script>
//show testimonials
$(document.getElementById('testialink')).click(function(){$(document.getElementById('testidrop')).slideToggle("slow")});

$(document.getElementById('close')).click(function(){$(document.getElementById('testidrop')).slideup("slow")});
</script>

(BTW the reason for the close one, us because there is a link within the testidrop div that will close it)


any idea why this happens? or what I can do to fix it?


Big Thanks,