-<ul class="tabs" data-tab role="tablist" data-options="deep-linking: true">
+<ul class="tabs" data-tab role="tablist" data-options="deep_linking: true">
<li class="tab-title active" role="presentational"><a href="#tabs-deeplink-1" role="tab" tabindex="0" aria-selected="true" controls="tabs-deeplink-1">Tab 1</a></li>
<li class="tab-title active" role="presentational"><a href="#tabs-deeplink-2" role="tab" tabindex="0" aria-selected="true" controls="tabs-deeplink-2">Tab 2</a></li>
<li class="tab-title active" role="presentational"><a href="#tabs-deeplink-3" role="tab" tabindex="0" aria-selected="true" controls="tabs-deeplink-3">Tab 3</a></li>
<div class="tabs-content">
<section id="tabs-deeplink-1" role="tabpanel" aria-hidden="false" class="content active">
<h2>First Panel Header</h2>
- <p>First panel content goes here...</p>
+ <p id="tabs-deeplink-content-1">First panel content goes here...</p>
</section>
<section id="tabs-deeplink-2"role="tabpanel" aria-hidden="true" class="content" >
<h2>Second Panel Header</h2>
</section>
<section id="tabs-deeplink-3"role="tabpanel" aria-hidden="true" class="content" >
<h2>Third Panel Header</h2>
- <p> Third panel content goes here...</p>
+ <p id="tabs-deeplink-content-3"> Third panel content goes here...</p>
</section>
</div>