How to make an Interactive Vertical Tree using Ext.d3.hierarchy.Hierarchy?

[glorfindel]

I'm at lost, never used the d3 lib, I want to accomplish the same thing as in KitchenSink Hierarchy - Org chart but I want it to be vertical instead of horizontal.
I tried following this fiddle but when I collapse a node, the links are not being hidden, how can I hide the link when I collapse a node?

[glorfindel]

The solution was very simple, i just had to change the getLinkPath to:

var midY = (link.source.y + (link.target.y - link.source.y) / 2);

return 'M' + link.source.x + ',' + link.source.y
    + 'C' + link.target.x          + ',' + midY
    + ' ' + link.target.x          + ',' + midY
    + ' ' + link.target.x + ',' + link.target.y;

and removeNodes to:

var me = this,
    selectedNode = me.nodeFromRecord(me.getSelection());


selection
    .attr('opacity', 1)
    .transition(me.layoutTransition)
    .attr('opacity', 0)
    .attr('transform', function (node) {
    var p = node.parent, 
        d = selectedNode || p && me.nodeFromRecord(p.data),
        x = d && d.x || 0,
        y = d && d.y || 0;
    return 'translate(' + x + ',' + y + ')';
})
    .remove();