[Solved]-d3.js when click outside the elements, hide the element-d3.js

here is a solution:

var tooltip = d3.select("#tooltip");
var tooltipwithcontent = d3.selectall("#tooltip, #tooltip *");

function equaltoeventtarget() {
    return this == d3.event.target;
}

d3.select("body").on("click",function(){
    var outside = tooltipwithcontent.filter(equaltoeventtarget).empty();
    if (outside) {
        tooltip.classed("hidden", true);
    }
});

jsfiddle: https://jsfiddle.net/lukaszwiktor/53yok58w/