Hi,
It’s been a month or more that I reported a strange collapse/expand behavior. It now appears that the problem still lurks around. Page is: www.civilitas.gr/kivotosmain and one click on the second row right box is required.
This is the Editor ( red arrow boxes expand after all dropdown menus are selected):
This is Live :
Can you help me, please? Or tell me if I need to Contact Wix Support instead?
It’s not easy to understand from your screenshots what elements you have there and what the event handler code is.
what you should do in order to make it works:
have a transparent box (actionBarBox) the contains all the action buttons.
Inside this actionBarBox have a transparent box for each separate action (i.e. STATS, HOME etc…)
This action box should contain the icon and the text.
Make the right boxes hidden onload (no need to have them collapsed).
On the required dropdown selection .show() this boxes.
I wanted to avoid .hidden because it interacts badly with timeline animations (animation takes precedence over hidden and shows the element) something that’s not happening with collapse. Anyway, some compromise has to be made, I’m afraid… Thanks.
@gemats collapse-expand is also fine. But you should put the elements in a box and collapse/expand it together (it’ll make it easier to control).
@jonatandor35 This is what I did J.D in the first place, all elements were attached in a collapsed box but unfortunately I got the reported behavior, I was only calling #groupButtons and not each one individually…
edit: elements’ icons were never properly attached on the supporting elements (boxes), that’s why the erratic appearance. Case solved, collapse works fine.
