Is there a ready solution for js to expansion and collisions of the content inside the block?
It is doubtful that this css is possible, but you never know. The point is, that when clicking in a particular block inside of which there are still various units, they all started to fly inside it and Bang on the boundary, to encounter each other. Are there any ready-made solutions of this kind?
UPD: a Little reflection on this question in mind there are a couple of ideas from which is repelled. The main is to determine the position of each of the elements in the block and set it with an absolute position. Accordingly then have to change its position randomly in a certain direction (here the question arises how to create this area, I can not use the degree axis. Accordingly, the need to write a formula for the type of 1px and left 1px top in the interval for the first element, that's kind of like the equivalent of -45 degrees relative to the vertical axis, and so alternately for all elements but in other directions. The question then arises of changing direction when colliding with the borders. In fact, I can just change direction by 90 degrees by the same method, changing the parties themselves, but how to determine which side you need to make a change. Ie I want it to determine what angle I was faced with a certain edge. Well, everything else to spend all the same and in relation to the collision between objects. But then I have no ideas how the "zones" issue).