A challenge for ingenuity. Who can decide?

Question

css

Accordion, when you click on the catalog a list appears and when you click Bel. clothes. The green square should go one nesting back. On the cross exit the menu. But only clicking on the green square of the third nesting works here. What to do here? help

Answer 1

you have something else intersecting somewhere, when you click, both the hide and the show are triggered (as a result, it is again a show), as a simple way out - do .hide( "slow"), it's more correct to catch what you have extra on what runs over from the elements.
UPD: $('.stock-item') intersects with $('.catalog-close')