You can done this using two ways..
1. Using code behing
Just load explanation of the question in panel for each questions and set
visibility="false".. When user clicks on explain button set panel
visibility="true"..
Example :
Html below..
<div>
Question 1. what is object..?
<br />
Answer : Object is a instance of class
<br />
<asp:Button ID="Button1" runat="server" Text="explain" />
<br />
<asp:Panel ID="panel1" Visible="false" runat="server">
A class or struct definition is like a blueprint that specifies what the type can
do. An object is basically a block of memory that has been allocated and configured
according to the blueprint. A program may create many objects of the same class.
dynamically.
</asp:Panel>
</div>
Code behind..
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
If panel1.Visible = True Then
panel1.Visible = False
Button1.Text = "explain"
Else
panel1.Visible = True
Button1.Text = "Hide"
End If
End Sub
2. Using JQuery
script below..
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#div1").hide();
$("#Button1").click(function()
{
$("#div1").toggle();
});
});
</script>
Html below..
<div>
Question 1. what is object..?
<br />
Answer : Object is a instance of class
<br />
<input id="Button1" type="button" value="explain" />
<br />
<div id="div1">
A class or struct definition is like a blueprint that specifies what the type can
do. An object is basically a block of memory that has been allocated and configured
according to the blueprint. A program may create many objects of the same class.
</div>
</div>
See below link..
http://www.electrictoolbox.com/show-hide-element-with-jquery-part-1/[
^]