You should be able to, you just need to adjust my script to target your HTML structure. It’s impossible for me to predict what that might be though so you’ll probably need to work with someone on your side who has a good understanding of Javascript and CSS.

I am having a similar issue to abhijat. I believe I’ve followed instructions correctly, but the page doesn’t allow the menus to expand or collapse. I am talking about the actual view you see when the page loads, not the sections visible in the CMS editor.

Fantastic, thanks so much!

You just have to target the correct HTML element. I haven’t tested this, but I think you could just adjust this line…

collapseImg.down(‘img’).observe(‘click’, toggleSectionItems);

to something like this…

collapseImg.up(‘tr’).observe(‘click’, toggleSectionItems);

The sections will always display. It’s the items underneath each section that will be displayed when you click the ‘Expand all’ link.

I have tried the given script, As a result I am getting that ‘Expand all’ and two menu sections.
But these menu sections are not related to expand all link.
How can i make these sections visible only when I click on ‘Expand All’.