I am using morphTabs inside one tab in an Accordion. When it first loads, everything is great but when I go to the second tab and then back to the first, all of the accordion elements are expanded and no longer "active".
Here is an example: http://www.wrtdesign.com/wrt-new/work.php
This might not be too useful, but here is where it's called:
Code: Select all
<script type="text/javascript">
window.addEvent('domready', function() {
var morphTabs = new MorphTabs('morphTabs',{
height:'',
width:'400px',
panelStartFx: 'slide:left',
panelEndFx: 'slide:right'
});
var myAccordion = new Accordion($('accordion'), 'p.toggler', 'div.element', {
opacity: true,
alwaysHide: true,
show: 5,
onActive: function(toggler, element){
toggler.setStyle('margin-bottom','7px');
},
onBackground: function(toggler, element){
toggler.setStyle('margin-bottom','7px');
}
});
});
</script>