Prepare structural tabs support presentation of variablelist

[tomschr]

"Tabs" presentation is rendered "inline" and <term>s become tab titles. To enable it, there are two possibilities:

• With role

  <variablelist role="tabs">`

• With PI

  <variablelist>
     <?dbhtml list-presentation="tabs"?>

Input

<variablelist role="tabs">
   <varlistentry>
      <term>Geeko</term>
      <listitem>
         <para>The SUSE mascot</para>
      </listitem>
   </varlistentry>
<variablelist>

Output

The following structure is created:

<div class="variablelist">
  <dl class="variablelist tabs">
     <dt id="..."><span class="term">Geeko</span></dt>
     <dd>
        <p>The SUSE mascot</p>
     </dd>
  </dl>
</div>

TODO

• CSS
• JS