Add `autoHeight` params codepen!

diff --git a/docs/pages/drilldown-menu.md b/docs/pages/drilldown-menu.md
index b1d79d675d16c836a96b490443c034b966e5c246..034889d52a90cc81ef52bc05b6f9a36f0a987169 100644 (file)
--- a/docs/pages/drilldown-menu.md
+++ b/docs/pages/drilldown-menu.md
@@ -87,6 +87,12 @@ Any `<a>` without a submenu will function like a normal link.
   <button class="button expanded" onclick="$('#m3').foundation('destroy');if($('#m3').data('autoHeight')){$('#m3').data('autoHeight',false);$(this).html('autoHeight is Off');}else{$('#m3').data('autoHeight',true);$(this).html('autoHeight is On');}new Foundation.Drilldown($('#m3'));return false;">autoHeight is On</button>
 </div>
 
+<div class="docs-video-codepen-container">
+  <a class="" data-open-video="12:00"><img src="https://www.elastic.co/static/images/svg/video-play-btn.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
+
+  <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/mmKyrw?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/cp1.svg" class="" height="" width="" alt="edit on codepen button"></a>
+</div>
+
 ```html 
 <ul class="menu" data-drilldown data-auto-height="true" data-animate-height="true">
   <!--  -->