I'll answer my own question this time.
First, make sure you are working with a recent version of
jquery! That is enough to make this one work:
$('a.toggle').bind("click",
function(){$(this).parent('dt').next('dd').slideToggle(500);return false;});
The other approach will work when the .parent('dt') is removed, thus:
$('dt.toggle').css("cursor","pointer").bind("click",
function(){$(this).next('dd').slideToggle(800);return false;});
I guess the only remaining question is why does the bleeding obvious
always appear immediately after the send button on an email client is clicked!
Bruce
At 10:50 p.m. 20/02/2007, you wrote:
Hi folks,
I have a simple faq application with the question within a dt tag
and the corresponding answer within a dd tag.
I had hoped that my onload code of:
$('dt.toggle').bind("click",
function(){$(this).parent('dt').next('dd').slideToggle(500);return false;});
would have revealed the hidden answer until the question was clicked.
I tried wrapping the question in an a tag (with class=toggle) and the code:
$('a.toggle').bind("click",
function(){$(this).parent('dt').next('dd').slideToggle(500);return false;});
but this also proved wrong.
Clearly, I don't understand something here - would someone mind
enlightening me please?
Thanks,
Bruce
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
