You can also expand and collapse code outside of the Coding toolbar. Whenever you select any portion of
the code, handles appear at the top and bottom of your selection to the left of the code. Click either of the
handles to collapse the code; click the single collapsed handle again to expand it. As noted earlier, you can
hover over the collapsed code to see the first 10 lines in a tooltip.
178
Designing and Crafting Core Pages Part II
179
Accessing the Code Directly 6
In this Technique, you use various features of the Coding toolbar including Dreamweaver??™s code collapse
feature to make it easy to move code from one place on the page to another.
1. In the Techniques site, expand the 06_Code folder and open the code_start.htm file.
2. While in Design view, place your cursor in the first heading, Relative Realty Benefits.
3. Switch to Code view.
4. From the Coding toolbar, click Select Parent Tag once to select the
tag and then again to
select its parent, .
5. Click Collapse Full Tag from the Coding toolbar.
Hover your cursor over the collapsed code to see the hidden code in the tooltip.
6. Place your cursor in the code for the next div,