Hi all, what I assume to be a bit of a tricky one here! I made a jQuery accordion using this code and markup
//HTML <h2>FAQ Example</h2> <dl class="faq"> <dt>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dt> <dd> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum, Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </dd> <dt>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dt> <dd> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum, Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </dd> </dl> //JQUERY <script type="text/javascript"> $(document).ready(function() { // below used for faq show/hide use definition list $('dl.faq > dd').hide(); $('dl.faq > dt').click(function() { $(this).next('dd').slideToggle('fast') .siblings('dd:visible').slideUp('fast'); }); }); </script> All great, however on another part of the site the page contents are brought in to an area where prototype is being used with no option of accessing jquery. So basically is there any way of producing a similar effect with the same markup but using prototype? Animation is not totally necessary but I would like it if possible. Thanks everyone. --~--~---------~--~----~------------~-------~--~----~ 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 prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---