[jQuery] How can I make this slideToggle work for one div at a time?
Hi, all.
I've been tinkering all evening trying to come up with the
right combination of code that will cause a target div to slideToggle
when a preceding link is clicked.
Here's the jQuery:
$(document).ready(function() {
$('div.bio-slide').find('div.biography').hide().end()
.find('a.showbio').click(function() {
$('div.biography').slideToggle('slow');
});
});
If there was just one 'div.bio-slide', one 'a.showbio', and
one 'div.biography' there wouldn't be a problem.
But ColdFusion generates multiples of these elements.
Right now, a click on any a.showbio opens and closes all 'div.biography' div's.
You can see the effect by clicking on the link on this page beside an agents photo
where it says "Click here to view or hide agents biography."
http://c21ar.wsm-dev.com/cfm/our-agents.cfm
Thanks,
Rick