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!!!! I have only tested this in
Firefox (mult. versions) and IE7
Thanks in advance.
--
View this message in context:
http://www.nabble.com/jquery-click-not-working-correctly-tp23190969s27240p23190969.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
