Question

This .aspx page has a very nice set of collapsible sections with little “+ -” controls.

http://www.microsoft.com/sqlserver/2008/en/us/editions-compare.aspx

Can anyone tell me how this might be done in Visual Studio?

I have tried using firebug to deconstruct the page but can’t find the script that is doing the showCollapsibleItem() call.

Thank you!

Answer 1

Try the AJAX Control Toolkit’s CollapsiblePanel.

You can also do this trivially with jQuery:

$('a.toggler').click(function() { $(this.rel).toggle(); return false; });

---

<a href="#" rel="#section1">Section 1</a> 
<p id="section1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad 
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>