Hi all,
Trying to get used to prtotype, I've written this code in jquery but
need a prototype equivalent. I've trawled the web for ages and read
pretty much a whole book (the Manning one with the turk on the front)
but I'm still none the wiser. Any help would be much appreciated. I've
got this html:
<ul class="bopCategories">
<li>
<h3 class="expanded">Heading One</h3>
<div class="bopCategoryDetails">
Lorem ipsum dolor sit amet.
</div>
</li>
<li>
<h3 class="expanded">Heading Two</h3>
<div class="bopCategoryDetails">
Lorem ipsum dolor sit amet.
</div>
</li>
</ul>
which I then toggle the showing/hiding of the <div>s when the <h3>s
are clicked with this jquery code:
$("ul.bopCategories li h3").click(function(){
$(this).siblings("div.bopCategoryDetails").toggle("fast");
$(this).toggleClass("expanded");
});
How on earth do I do this with Prototype? So far I've only managed to
add an onclick event to every <h3> and pass the id of the specific
<div>. Like so:
<h3 onclick="$('divvy2').toggle();">Event</h3>
<div id="divvy2">
Test test test test test test test test ets test test test test test
</div>
Obviously this is going to get cumbersome when I have 20 or so list
items.
Thanks.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
