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=expandedHeading One/h3
div class=bopCategoryDetails
Lorem ipsum dolor sit amet.
/div
/li
li
h3 class=expandedHeading Two/h3
div class=bopCategoryDetails
Lorem ipsum dolor sit amet.
/div
/li
/ul
which I then toggle the showing/hiding of the divs when the h3s
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
-~--~~~~--~~--~--~---