Максим, вам нужно скрывать все открытые тесты.
Искать все блоки, открытые с помощью .show() и скрывать их - такое себе. Вам лучше будет использовать классы. По клику на путь снимаете со всех test класс shown и вешаете его на нужный.
У вас два пути в svg: по нажатию на любой из них jquery показывает #test. Что значит очистить результат предыдущего нажатия? Объясните по-точнее, пжлст, какого поведения вы хотите добиться.
oink, этот стиль нужно задавать через классы, а не такой сложный селектор, еще и через JS. Не будете же вы каждый раз скриптами пользоваться, чтобы стили менять? Посмотрите лучше свою CMS или php файлы, это можно сделать просто через css
На чистом css вы сможете анимировать только изменение ширины контейнера, перенос элементов внутри него нужно анимировать уже через js:
e.g https://codepen.io/osublake/pen/dMLQJr
Август Милович, так вам сам ресайз и не нужен, это просто треугольник скроет, и на андроиде в том числе. А для ie можно скрыть стрелки через overflow: auto;
Как вот называть вложенные блоки и какими селекторами выбирать?