Question

I have a page in C#.Net (*.aspx) where I am displaying the report in the form of gridview and showing different counts that is a number and clicking on it on another page it displays the person’s information..

eg.

Total Number of People Enrolled             8
Total Number of People Enrolled as Email    5     

On clicking on “8” or “5” will display all “8” or “5” persons on the new page..

Now what I want is instead of clicking on the value and going to another page, we’re going to have collapsing divs that will show the information and expand when you click on the value.

So How can I achieve that..?

example:

Answer 1

What you want is an accordion control. There are plenty of examples on the net and there are plenty of them free to download and use. We used it in our department not long ago. This means that you don’t have to write all that jquery and CSS to achieve the desired result.

This is what we used http://jqueryui.com/ and there’s heaps of documentation and help on Google. But seriously, if you do want something as cool as this, there will have to be some effort from you and its not a huge learning curve, its very very interesting.