Increasing the connecting link length in d3 when the node is expanded

Question

I am working on collapsible force layout in d3.The problem I am facing is I need to increase the length of the link between the nodes when it is clicked keeping the link distanc

Answer 1

Yes you can do this by defining a function for the force.linkDistance something like this:

var force = d3.layout.force()
    .linkDistance(function(d){
        if(d.target._children){
            return 50;//target is not expanded so link distance is 50
        } else {
            return 200;//target is expanded so link distance is 200
        }
    })

Full working code here.