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.