SVG工具提示隱藏/顯示

Question

我對SVG和jQuery有問題。我用CSS類隱藏了SVG的一部分，並且有另一個類來顯示它。我想要一個使這部分可見或隱藏的函數。

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'); 
    } 
}); 
});