What happens if you move your jquery source link to the top
and leave your toggle code in the bottom?
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Erik
Sent: Wednesday, December 30, 2009 7:54 AM
To: jQuery (English)
Subject: [jQuery] Toggle link Needs to Be UNDERNEATH!!!
Hi Everyone,
My script works great, but I don't know why the link has to be above
the toggle content. Is it possible to place the link beneath the DIV
I want to hide and show. Right the script only works if the link is
above.
My intent is to have independent DIV's that toogle... It works, but I
need the links below the DIV.
Any suggestions?
Very grateful.
Erik
HEREE IS MY CODE:
!DOCTYPE html
html dir=ltr lang=en-CA
body
div class=SomeOtherClass
Foo a class=SomeClass href=#More Details/a
a class=SomeClass href=#More Details/a
div class=SomeOtherClass
foo /div
a class=SomeClass href=#More Details/a
div class=SomeOtherClass
foo /div
/div
/body
script src=/src/js/jquery/core/jquery-1.3.2.min.js type=text/
javascript/script
script type=text/javascript
$(document).ready(function()
{
$('.SomeOtherClass').hide();
$('a.SomeClass').click(function()
{
$(this).next('div.SomeOtherClass').slideToggle(400);
$(this).text($(this).text() == 'More Details' ?
'Close' : 'More Details');
return false;
});
});
/script
/html
