Inline drop-downs and expands

Inline drop-downs and expands are similar to inline pop-ups, except the additional text is displayed within the document instead of in a pop-up.

Drop-downs show the additional text below the selection, as a paragraph that can be expanded or collapsed. Expands show the additional text within the current paragraph.

Creating inline drop-downs and expands is similar to creating inline pop-ups, except you will use different buttons in the toolbar.

These examples have already been created for you in the Scuba Dive.htm document:

D2HML syntax: Adding an Inline Dropdown

<span class="C1HInlineDropdown"><b>Copyright Notice (drop-down):</b>
</span><span class="C1HDropdownText">Substantial …<br>
  <a href="http://www.padi.com/">www.padi.com</a><br>
  <a href="http://www.scubadiving.com/">www.scubadiving.com</a><br>
  <a href="http://www.newscuba.com">www.newscuba.com</a></span>

 

D2HML syntax: Adding an Inline Expand

<span class="C1HInlineExpand"><b>Copyright Notice (pop-up):</b>
</span><span class="C1HExpandText">Substantial …<br>
  <a href="http://www.padi.com/">www.padi.com</a><br>
  <a href="http://www.scubadiving.com/">www.scubadiving.com</a><br>
  <a href="http://www.newscuba.com">www.newscuba.com</a></span>