First open the webpage in the browser. Initially you will
see the message “Show Details…” printed on the screen, as shown below.
Figure 1
When you click on the "Show Details…" link the
inner panel is shown. Please check out the screen shot below:
Figure 2
Also note that the message "Show Details..." automatically
changes to "Hide Details…" The CollapsiblePanel control can work
with any type of control which displays data. You can even use DIV elements
inside the inner panel to display the information.