MooTools: Accordion + morphTabs problem

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
psurrena
Forum Contributor
Posts: 355
Joined: Thu Nov 10, 2005 12:31 pm
Location: Broolyn, NY

MooTools: Accordion + morphTabs problem

Post by psurrena »

I have a slight issue in all browsers.

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>
Thank you in advance.
User avatar
psurrena
Forum Contributor
Posts: 355
Joined: Thu Nov 10, 2005 12:31 pm
Location: Broolyn, NY

Re: MooTools: Accordion + morphTabs problem - SOLVED

Post by psurrena »

Post Reply