动态切换SVG的可见性？

Question

如何使用JQuery或其他方式动态切换svg的可见性？

我有这个SVG（作为传单地图中的标记图标）

<svg class= "icon icon14"><use xlink:href="#marker"/></svg>

..但我习惯的基本JQuery功能似乎不起作用（切换应该由地图缩放事件触发）：

if ...  $(".icon").css("visibility", "visible");
else $(".icon").css("visibility", "hidden");

我尝试从按钮点击事件中触发JQuery函数，但结果相同（非）：

$("#zoomin").on("click", function () {
   console.log("clicked");
   if (map.getZoom() === 14){
       console.log("zoom=14");
       $(".icon14").css("visibility", "visible");

    }else{
       $(".icon14").css("visibility", "hidden");
    }  
  });