Three.js / WebGL - transparent planes hiding other planes behind them

Question

When you have two planes in Three.js / WebGL and one or both of them are transparent, sometimes the plane behind will be hidden by the transparent plane above. Why is this?<

Answer 1

Try adding alphaTest: 0.5 to the material.