Как скрыть/показать svg-элементы по клике на другой svg-элемент?

Question

[ksshk]

Есть некоторое изображение, вставленное на страницу .. .. Состоит из различных path, circle, line.
Задача в том, чтобы отобразить/скрыть некоторые circle при нажатии на определенный path.
Сложность в том, чтобы связать нажатие по одному элементу, а изменение другого элемента.

Answer 1

[Максим Тимофеев]

$('#odinElement').on('click',function(){ 
    $('#drugoiElement').remove();
});

Comments

[theykillimmortal]

Хотелось бы добавить, что необязательно удалять элемент. Можно просто менять атрибут 'visibility' на 'hidden'.

[Максим Тимофеев]

theykillimmortal, Там вообще скорее всего fill менять надо или еще что-то. Я просто для примера привел.

[ksshk]

Максим Тимофеев, большое спасибо за ответ.
Дело в том, что я где-то допускаю ошибку и у меня не работает удаление/скрытие элементов.
Есть html-страница. в теге body прописываю svg. в теге head подключаю jQuery, скрипт пробовала и в head помещать, и в body. При всё этом были заданы необходимые id/class для svg-элементов. Но почему-то ничего при клике не происходит. Подскажите пожалуйста, в чём может быть причина?

[Максим Тимофеев]

ksshk, Код в песочницу:
https://jsfiddle.net/
https://codepen.io/
Иначе только шамана звать.