updates doc examples to point to standard nested-menu syntax example

diff --git a/docs/pages/drilldown-menu.md b/docs/pages/drilldown-menu.md
index 77f194d723aa50391417c07ba03846d641f6e12c..5b26f311353c4e1d9799405767eb27edf895272f 100644 (file)
--- a/docs/pages/drilldown-menu.md
+++ b/docs/pages/drilldown-menu.md
@@ -7,7 +7,7 @@ js: js/foundation.drilldown.js
 
 ## Basics
 
-Drilldowns use the standard [Menu](menu.html) syntax. Add the attribute `data-drilldown` to the root `<ul>`, and `data-submenu` to each nested menu.
+Drilldowns use the standard [Menu](menu.html#nested-style) syntax. Add the attribute `data-drilldown` to the root `<ul>`, and `.menu` to each nested menu.
 
 
 <ul class="vertical menu" data-drilldown style="width: 200px" id="m1">

diff --git a/docs/pages/dropdown-menu.md b/docs/pages/dropdown-menu.md
index cad4d6aad3f249e75dde28986d4ff24b49089593..4afeb3d02698f986e3bdbfa751a5659d5ed3a880 100644 (file)
--- a/docs/pages/dropdown-menu.md
+++ b/docs/pages/dropdown-menu.md
@@ -7,9 +7,9 @@ js: js/foundation.dropdownMenu.js
 
 ## Horizontal
 
-By default, dropdowns are exactly that, horizontally oriented below the parent element, opened by hovering, clicking, or tapping.
+Dropdown Menus use the standard [Menu](menu.html#nested-style) syntax. Add the attribute `data-dropdown-menu` to the root `<ul>`, and `.menu` to each nested menu.
+
 
-```html_example
 <ul class="dropdown menu" data-dropdown-menu>
   <li>
     <a>Item 1</a>
@@ -48,7 +48,7 @@ By default, dropdowns are exactly that, horizontally oriented below the parent e
   <li><a href="#">Item 3</a></li>
   <li><a href='#'>Item 4</a></li>
 </ul>
-```
+
 
 
 <ul class="dropdown menu align-right" data-dropdown-menu>
@@ -61,13 +61,6 @@ By default, dropdowns are exactly that, horizontally oriented below the parent e
         <ul class='menu'>
           <li><a href='#'>Item 1 subA</a></li>
           <li><a href='#'>Item 1 subB</a></li>
-          <!-- <li class='has-submenu'>
-            <a href='#'> Item 1 sub</a>
-            <ul class='submenu right menu' data-submenu>
-              <li><a href='#'>Item 1 subA</a></li>
-              <li><a href='#'>Item 1 subB</a></li>
-            </ul>
-          </li> -->
           <li>
             <a href='#'> Item 1 sub</a>
             <ul class='menu'>
@@ -81,20 +74,6 @@ By default, dropdowns are exactly that, horizontally oriented below the parent e
       <li><a href="#">Item 1B</a></li>
     </ul>
   </li>
-  <!-- <li class="has-submenu">
-    <a href="#">Item 2</a>
-    <ul class="submenu vertical menu" data-submenu>
-      <li><a href="#">Item 2A</a></li>
-      <li><a href="#">Item 2B</a></li>
-    </ul>
-  </li>
-  <li class="has-submenu">
-    <a href="#">Item 3</a>
-    <ul class="submenu vertical menu" data-submenu>
-      <li><a href="#">Item 3A</a></li>
-      <li><a href="#">Item 3B</a></li>
-    </ul>
-  </li> -->
 </ul>