[Pro] Mootools accordion won't collapse

Hi -

I built a great accordion page (HugeDomains.com) and the links work OK, but they output as if they were separated by the (invisible) content.

Height of item is turned off in the inspector.

Any thoughts?

Thanks, David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I built a great accordion page

It is not easy to see where you went wrong with this from your code - especially as it is a while since I have used the Moo stuff.

Bear in mind that you should not mix Moo based effects on the same page with the native FW Script/Protaculous based ones.

The way it looks at the moment your page is actually pretty bland, especially as there is no content visible on page load.

Are you going to have many more products than the 4 you have just now as this effect is really meant to reveal more when space is a bit tight.

Here is an example using ScriptyAccordion http://www.deltadesign.co/acc2.html - which is far more FW friendly.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks, Dave -

Yes, I will have much more content eventually - I was trying to get the framework right before adding everything, which explains the parsimoniousness.

I was thinking of trying Scripty on the next attempt, so thanks for the tip.

I was happy to get the Mootools action to work as well as it did, but close doesn’t really count…

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have had this problem. If your table is css/layered to start with then you do not get the option ‘Height can shrink’ in the Inspector palet. Note this is different to the ‘Allow accordian to be closed’ option in the accordian actions palet.

So click on your table, turn off css under properties in the Inspector (so the table outline is blue) the click on the second/middle item at the head of the inspector. This will then give you three options: width can grow; height can shrink; and interlace GIF files. Click on the ‘height can shrink’ to enable the table cells to collapse. You can then reactivate the css/layered option if required.

Your accordian should now collapse completely.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the excellent reply, KJ!
I’ll try it this way…

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options