++++
<div class="tabs" data-tab-group="highligther">
  <div role="tablist" aria-label="Highlighting based on multi fields">
    <button role="tab"
            aria-selected="true"
            aria-controls="unified-tab"
            id="unified-highlighter">
      Unified
    </button>
    <button role="tab"
            aria-selected="false"
            aria-controls="fvh-tab"
            id="fvh-highlighter"
            tabindex="-1">
      FVH
    </button>
  </div>
  <div tabindex="0"
       role="tabpanel"
       id="unified-tab"
       aria-labelledby="unified-highlighter">
++++

include::highlighting-multi-fields.asciidoc[tag=unified]

++++
  </div>
  <div tabindex="0"
       role="tabpanel"
       id="fvh-tab"
       aria-labelledby="fvh-highlighter"
       hidden="">
++++

include::highlighting-multi-fields.asciidoc[tag=fvh]

++++
  </div>
</div>
++++