How to collapse JavaScript function/comment blocks in VS2010/VS2008

Question

I don't think it is possible right now in VS2010/VS2008 but I'm sure someone must have done or can come up with some workaround using the extensibility of VS2010/VS2008.

Ability to collapse javascript function/comment blocks within script tag in an aspx file editor and in javascript(*.js) file editor the same way we can do in any other editor (c#,vb,xml) will be very useful to many out here and on stackoverflow.com.

I was just thinking that if it is possible by creating #region blocks as we do in c# editor.

Solution 1

Ah! I got to figure out. But I couldn't auto outline it.

This solution works in VS2010. I've not checked with VS2008.

1. Select whole of the Javascript block that you want to collapse in the aspx editor.
2. Right click on it and select Collapse Tag or Press Ctrl + M, Ctrl + T

Anyways, now I cannot figure out the shortcut key to expand this particular block which was collapsed in the above mentioned way because Ctrl + M, Ctrl + M is not toggling this block.

Many thanks to @Force Flow for the inspiration.

Solution 2

Give this a try: highlight the code you want to collapse, then double click somewhere in the line numbering area.

Comments

[jamiebarrow]

Ctrl+M, Ctrl+M works for me. Toggles expansion and collapse.

[IsmailS]

Lucky guy!!!!!!

[Mortalus]

This did not work for me with visual studio 2010 i have posted a new answer where i point to a plugin i found. VisualStudio 2010 JavaScript & CSS Outlining