SVG工具提示隐藏/显示

时间:2015-04-02 17:25:52

标签: jquery html css svg

我有SVG和jQuery的问题。我用CSS类隐藏了部分SVG,并有另一个显示它的类。我想要一个使这部分可见或隐藏的功能。

https://jsfiddle.net/tj3xLazc/

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

1 个答案:

答案 0 :(得分: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');
   }
 });
});