Hi Radda
It works very well, thanks a lot!
I ran into a small bug, well, just a strange behaviour really.
On your demo-Site, I tried to recreate what I have seen on my own AtoM-Site, and it looks the same.
Steps to reproduce:
1) create a child term (subject) to "Access systems"
3) the arrow shows to the bottom, although the child element(s) are not shown by default. i think it's rather disturbing.
4) when you click on the arrow next to "Access systems", the arrow has the correct direction (to the right), and the list becomes shorter, and the three dots appear.
5) click again on the arrow next to "Access systems", finally the child appears, and the arrow is pointing to the bottom, which makes sense.
How would you fix that?
I think in my case, I am going to replace the CSS class "ancestor" of the first <li> with the class "expand" with jQuery on document ready. Then it'll look fine.
Kind regards
Roger