[jQuery] weird problem with clicking on link
Hi all. I have a page that has a number of includes. The jquery in
question shows/hides a div tag. Here is the code...
$(document).ready(function(){
$("div#page_wrapper div#content a#pass_link").toggle(function(){
$("div#password").animate({ height: 'hide', opacity: 'hide' },
'slow');
},function(){
$("div#password").animate({ height: 'show', opacity: 'show' },
'slow');
});
});
in the body (within the same include file) I have a link
<a href="javacript:void(0)" id="pass_link"> link text </a>
then I have a div tag that is set to display:none in CSS...
<div id="password"> some text</div>
I should be able to click on the a tag once and show the div tag. This
works fine. Only problem is that I am unable to single click on it
upon loading of the page, I must double click on it to activate the
jquery. Once I have double clicked on the link one time, then I can
activate jquery with a single click. If I re-load the page it starts
over with the double click needed.
Out of curiousity, I tried applying an onClick event handler onto the
a tag and the same thing happened.
Any thoughts? This is driving me CRAZY!!!!
Thanks in advance.