Printable View
1) Script Title: Animated Collapsible DIV v2.4
2) Script URL (on DD): at least seven years old, has apparently been phased out
3) Describe problem: please supply the line of javascript which will collapse all expanded menu groups with the class "tree".
Many thanks in advance!
Frank
Hi Frank:Code:<a href="javascript: animatedcollapse.hide(['tree'])">hide tree</a>
sorry, it didn't work.
I am getting this error with the F12 key:
Uncaught TypeError: Cannot read property '$divref' of undefined
at Object.showhide (andiv.js:44)
line 44 is: var $divref=this.divholders[divid].$divref //reference collapsible DIV
That's odd. Can you show me your problematic page?
I have posted a demo version of my page here: http://dewenka.net/menu.cfm
What I want to happen is that whenever the text "Toggle Image" is clicked, any menu tree which is unfolded should be closed.
Line 87 is your suggested javascript command. It is currently commented out because of the error messages.
If line 87 would close any open trees, my problem would be solved.
TryCode:<span class="menuheader" onclick="toggleImage(); $('.tree').fadeOut(0)">Toggle Image</span>
That was almost what I need.
If you click first on "animals" and then on "plants", the menu slides up as the original code was meant to do.
But if you click on 'animals' and then on 'Toggle Image', the menu snaps shut (no slide).
I changed your fadeOut(0)' to 'slideUp(600)' and now it works just the way I imagined. (click 'Toggle Menu2' on the demo page).
Thanks for putting me on the right track!!
I'm glad it works now.