jquery_ui_filter_example_nested.html in jQuery UI filter 8.2

File

tests/jquery_ui_filter_example_nested.html

<!-- Code snippet used to manually test nested jQuery UI filter accordion and tabs widgets -->

<h2>Accordion with Nested Tabs Example</h2>

<p>[accordion]</p>

  <h3>Tabs 1</h3>
  <p>Nested tabs 1</p>
  <p>[tabs]</p>
  <h3>Section I</h3>
  <p>Pellentesque habitant morbi tristique senectus et netus et malesuada.</p>
  <h3>Section II</h3>
  <p>Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget.</p>
  <h3>Section III</h3>
  <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.</p>
  <p>[/tabs]</p>

  <h3>Tabs 2</h3>
  <p>Nested tabs 2</p>
  <p>[tabs]</p>
  <h3>Section I</h3>
  <p>Pellentesque habitant morbi tristique senectus et netus et malesuada.</p>
  <h3>Section II</h3>
  <p>Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget.</p>
  <h3>Section III</h3>
  <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.</p>
  <p>[/tabs]</p>

<p>[/accordion]</p>

<h2>Tabs with Nested Accordion Example</h2>

<p>[tabs]</p>

  <h3>Accordion 1</h3>
  <p>Nested accordion 1</p>
  <address>Required heightStyle="content"</address>
  <p>[accordion heightStyle="content"]</p>
  <h3>Section I</h3>
  <p>Pellentesque habitant morbi tristique senectus et netus et malesuada.</p>
  <h3>Section II</h3>
  <p>Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget.</p>
  <h3>Section III</h3>
  <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.</p>
  <p>[/accordion]</p>

  <h3>Accordion 2</h3>
  <p>Nested accordion 2</p>
  <address>Required heightStyle="content"</address>
  <p>[accordion heightStyle="content"]</p>
  <h3>Section I</h3>
  <p>Pellentesque habitant morbi tristique senectus et netus et malesuada.</p>
  <h3>Section II</h3>
  <p>Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget.</p>
  <h3>Section III</h3>
  <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.</p>
  <p>[/accordion]</p>

<p>[/tabs]</p>