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
-~----------~----~----~----~------~----~------~--~---
