单击时使d3链接更改颜色

Question

我正在使用基本上使用树形布局的家谱来训练：http://mbostock.github.io/d3/talk/20111018/tree.html

我想在点击链接时更改链接的颜色，再次点击时将其更改回来。 这是我的代码：

  link.enter().insert("path", "g")
      .attr("class", "link")
      .attr("d", function(d) {
        var o = {x: source.x0, y: source.y0};
        return diagonal({source: o, target: o});
      })
      .on("click", function(){var nextColor = (this.style.stroke !== "steelblue" ? "steelblue" : "#ccc");
        d3.select(this).style("stroke", nextColor) });

当我单击链接一次时它可以工作，但再次单击时不会改变颜色。有人可以帮帮我吗？谢谢！