Home >> ASP.NET >> Accordion Panel with CSS

Accordion Panel with CSS

Greetings from John!,
Hope you all are enjoying.
Friends I am back with a new thing for you. Today I am going to show you, how to make a Good Accordion Panel.Do you know, what is Accordion Panel? You must have seen some tables or Div’s in website, that are collapsing and expanding on just Click. You can also call them Collapsible Div or Table.ASP.NET Ajax Tools make it so Simpler for ASP.NET. You just need to link AjaxControlToolkit.dll to your bin folder and use it in the Page.
Let’s add a new Web Form in Solution, this is the Page, where you want to add your collapsible div or table what may contain anything.


Source Code for Design above is here.

Now Let’s See the CSS, what is on CSS.

Now Run the Page again. Lets See, how it looked. Check this at your machine. Best of Luck!

About John Bhatt

Aka, Prithvi Raj Bhatt, A Proud Nepali, Blogger, Software Developer, ASP.NET, Web Designer & Developer, Faculty and a Troubleshooter blog @PRsBlog

Check Also

Welcome to New Google Plus

Hello Everyone,Just before someday, I have updated you about the New Layout of Facebook. Today …

Leave a Reply

Your email address will not be published. Required fields are marked *