I want to keep a clicked node expanded and collapse other siblings of the clicked node.

[nimm]

On a radial tree layout..I want to keep a clicked node expanded and collapse other siblings of the clicked node.

For example:

http://jsfiddle.net/6FkBd/321/

So..in example on first view if i click "analytics node" it collapses and sibling "animate node" also collapses.

But, i want is to  click on and collapse only "analytics node" but not "animate node"

How should i approach? can somebody help me?

[Ben Lyall]

I answered a similar question on Stack Overflow not that long ago that should provide some help.  Take a look and if you've got any questions, let me know.

http://stackoverflow.com/questions/29873947/hide-unrelated-parent-nodes-but-child-node-in-d3-js/29885852#29885852

Ben.

[nimm]

Thanks a lot Ben.

I updated my code according to your comments.

But, I am still stuck with one small problem. ;-(

I can now expand the nodes as i want but when it collapsing and bring the tree to its original state.

I am not able to do it.

I have attached a fiiddle here 

http://jsfiddle.net/6FkBd/322/

Can you please help me with this.

Looking forward for your reply

[Ben Lyall]

In your click handler, you don't seem to have the else clause necessary to expand the node if it's already collapsed.

Take a look at my example again, and you'll see in the click handler there is an if statement, one branch is run if the node is expanded, the other is run if it is already collapsed.  They do the opposite of each other.  I suspect that is where the issue is coming from.

Ben.