Collapsing and expanding code fragments

To collapse code:

1. Select some code.
2. Select Edit > Code Collapse > Collapse Selection, or click one of the collapse buttons next to the selection.

To collapse the code outside a selection:

1. In Code view, select some code.
2. Select Edit > Code Collapse > Collapse Outside Selection.

   TIP

   You can also collapse the code outside a selection by Alt-clicking (Windows) or Option-clicking (Macintosh) one of the collapse buttons or the Collapse Selection button in the Coding toolbar.

To collapse a tag and all the content it encloses:

1. In Code view, place the insertion point inside an opening or closing tag (for example, inside the <table> or </table> tag).
2. Select Edit > Code Collapse > Collapse Full Tag.

   TIP

   You can also collapse a full tag by right-clicking the tag in the tag selector, and selecting Collapse Full Tag.

To collapse the code outside a full tag:

1. Do one of the following:
   • In Code view, place the insertion point inside an opening or closing tag (for example, inside the <table> or </table> tag).
   • In Code view, select part of an opening or closing tag.
2. Select Edit > Code Collapse > Collapse Outside Full Tag.

   TIP

   You can also collapse the code outside a full tag by right-clicking the tag in the tag selector and selecting Collapse Outside Full Tag, or by placing the insertion point inside an opening or closing tag and Alt-clicking the Collapse Full Tag button in the Coding toolbar.

To select a collapsed code fragment:

• In Code view, click the collapsed code fragment.

  NOTE

  When you make a selection in Design view that is part of a collapsed code fragment, Dreamweaver automatically expands the fragment in Code view. When you make a selection in Design view that is a complete code fragment, the fragment remains collapsed in Code view.

To expand a code fragment:

• Do one of the following:
  • In Code view, double-click the code fragment.
  • Select Edit > Code Collapse > Expand Selection.

To view the code in a collapsed code fragment without expanding it:

• Hold the mouse pointer over the collapsed code fragment.

To expand all collapsed code fragments:

• Select Edit > Code Collapse > Expand All.

You can also use the following keyboard shortcuts to execute any of the previous commands:

Related topics

• About collapsing code
• Pasting and moving collapsed code fragments
• Cleaning up your code
• Inserting code quickly with the Coding toolbar