Collapsing and expanding code fragments

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.

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.

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.

To select a collapsed code fragment:

  • In Code view, click the collapsed code fragment.

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:

Command

Windows

Macintosh

Collapse Selection

Control+Shift+C

Command+Shift+C

Collapse Outside Selection

Control+Alt+C

Command+Alt+C

Expand Selection

Control+Shift+E

Command+Shift+E

Collapse Full Tag

Control+Shift+J

Command+Shift+J

Collapse Outside Full Tag

Control+Alt+J

Command+Alt+J

Expand All

Control+Alt+E

Command+Alt+E

Related topics

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


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Setting Up Your Coding Environment
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly