Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: CSS HTML
www.microsoft.com/visualstudio/eng/downloads
 
Here there are 5 main headings if a user clicks on any plus symbol then the entire detail comes, what is it called? how to achieve this through html & css?
Posted 30-Sep-12 7:30am

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Those are 'collapsible panels', also called as Accordion control in ASP.NET.
 
For HTML/CSS, smaple, look at this one: Javascript animated collapsible panels without any frameworks[^]
  Permalink  
Comments
DevashishDas at 4-Oct-12 11:24am
   
Thank you for the solution but when I disable the javascript it doesn't work any alternate solution.
Sandeep Mewara at 4-Oct-12 11:31am
   
In todays world if you disable Javascript then you wont be able to have sleek UI's.
 
Only alternative would be to have server based panels/divs that has onclicks defined.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Mika Wendelius 261
1 Abhinav S 155
2 Peter Leow 140
3 Sergey Alexandrovich Kryukov 125
4 Kornfeld Eliyahu Peter 115
0 Sergey Alexandrovich Kryukov 8,593
1 OriginalGriff 6,536
2 Peter Leow 3,727
3 Zoltán Zörgő 3,456
4 Richard MacCutchan 2,417


Advertise | Privacy | Mobile
Web01 | 2.8.150123.1 | Last Updated 30 Sep 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100