[jQuery] Newb question regarding click toggling
Hi
I've just moved from [insert other major javascript lib] to jQuery and
I've been trying to convert my scripts using the new api.
I had a script that showed and hid a div onclick. I was using that
most nasty of things: an onclick event attribute on the
link....obviously i want to move away from that. This is what the
script looked like in its obtrusive way:
function toggleList(id, toggler) {
if ($("div#"+id).style.display == 'none') {
$("div#"+id).slideDown("fast");
} else {
$("div#"+id).slideUp("fast");
}
}
and i thought something like this would take care of it:
$(document).ready(function() {
$("a.listTogglePlus").click(function(){
$(this.nextSibling).slideDown("slow"); });
});
i know there's a lot missing from that last snippet...but essentially
i'm wanting to capture the clicked item and then show/hide the next
element in the document (this.nextSibling):
<a href="something.html" class="listTogglePlus">Click me baby!</a>
<div class="hidden">
show/hide this layer
</div>
I hope this makes sense. And if it does could anyone help me with my
logic (lack of logic)
Cheers
Darren
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/