Difference between Hidden and Collapse

While doing code, developers always find problems on what might be the difference between the concept of Hiding an element and Collapsing an element. Every UIElement has two visibility states, you can do Collapsed or you can do Hidden. Hidden and collapsed are two similar approach in which the UIElement will not be visible to the user. In this article I am going to show how both of the concepts are different in WPF, and later on we will relate the same with ASP.NET.