jQuery and Accordion plugin
Hi can anyone help?
I implemented the Accordion plug-in for jQuery (http://
jquery.bassistance.de/accordion/demo/ - location based example), and
am having problems with the js calcualting the height of the nested
elements correctly.
Basically, it calculates the height of the first element you click and
applies it to all the others thereafter instead of recalculating it
each time.
Has anyone come across this problem before and more importantly have a
solutions?
I have tried setting heights to the nested UL's via the CSS, but this
makes the animation effect really rough.
The script is
<script type="text/javascript">
jQuery().ready(function(){
// simple accordion
jQuery('#list1a').accordion();
jQuery('#list1b').accordion({
autoheight: false
});
// second simple accordion with special markup
jQuery('#navigation').accordion({
active: false,
header: '.head',
navigation: true,
event: 'click',
fillSpace: false,
animated: 'easeslide'
});
});
</script>
I have tried setting autoheight to true and fillSpace to true/false,
but still no joy.
Any help will be greatly appreciated.
Thanks