SVG tooltip hide/show

Question

У меня проблема с SVG и jQuery. Я скрыл часть SVG с классом CSS, и у меня есть другой класс, который показывает это. Я хочу функцию, которая делает эту часть видимой или скрытой.

https://jsfiddle.net/tj3xLazc/

$('.scientist').on(click,function(){ 
    $('#toltip').removeClass('dont-speak'); 
    addClass = "speak"; 
}) 

Answer 1

использование ниже кода. проверьте DEMO

В вашей скрипке вы забыли включить jquery lib. jQuery не поддерживает класс с SVG. вместо добавления/удаления класса используйте attr().

$(document).ready(function(){ 
$('.scientist').on('click',function(){ 
    if($('#toltip').attr('class') === 'dont-speak'){ 
    $('#toltip').attr('class','speak'); 
    }else{ 
    $('#toltip').attr('class','dont-speak'); 
    } 
}); 
});