Showhidebutton

<nav aria-label="Languages">
    <button class="showhidebutton button-icon button-small" data-target=".langlist" aria-expanded="false" data-showtext="<svg aria-hidden=&quot;true&quot; style=&quot;display: inline; margin-right: .5em; height: auto; width: 2.75em; fill: currentColor;&quot; viewBox=&quot;2 19 60 26&quot; width=&quot;60&quot; height=&quot;26&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;>
    <path d=&quot;M34,27a.988.988,0,0,0-.55-.89L28,23.38V20a1.003,1.003,0,0,0-1-1H3a1.003,1.003,0,0,0-1,1V44a1.003,1.003,0,0,0,1,1H27a1.003,1.003,0,0,0,1-1V30.62l5.45-2.73A.98806.98806,0,0,0,34,27ZM8,27H6V23h4v2H8ZM21.44727,38.89453a1.00046,1.00046,0,0,1-1.3418-.44726L15,28.23633,12.61816,33H15a1,1,0,0,1,0,2H11.61816L9.89453,38.44727a1.00012,1.00012,0,0,1-1.78906-.89454l6-12a1.04127,1.04127,0,0,1,1.78906,0l6,12A1,1,0,0,1,21.44727,38.89453Z&quot;/>
    <path d=&quot;M61,19H37a1.003,1.003,0,0,0-1,1V33.38l-5.45,2.73a.99512.99512,0,0,0,0,1.78L36,40.62V44a1.003,1.003,0,0,0,1,1H61a1.003,1.003,0,0,0,1-1V20A1.003,1.003,0,0,0,61,19ZM55.31641,37.05176a.99964.99964,0,1,1-.63282,1.89648,21.753,21.753,0,0,1-5.673-2.94458,14.0016,14.0016,0,0,1-5.76788,2.96607.99963.99963,0,1,1-.48536-1.93946,12.09416,12.09416,0,0,0,4.63227-2.27374A24.40848,24.40848,0,0,1,44.21924,31.625a.99991.99991,0,0,1,1.561-1.25,23.59415,23.59415,0,0,0,3.0951,3.00214A14.64317,14.64317,0,0,0,51.60474,29H43a1,1,0,0,1,0-2h5V26a1,1,0,0,1,2,0v1h5a1,1,0,0,1,0,2H53.7359a16.84476,16.84476,0,0,1-3.26172,5.57977A19.47286,19.47286,0,0,0,55.31641,37.05176ZM58,27H56V25H54V23h4Z&quot;/>
  </svg> Select Language" data-hidetext="Hide Language Selector"><svg aria-hidden="true" style="display: inline; margin-right: .5em; height: auto; width: 2.75em; fill: currentColor;" viewBox="2 19 60 26" width="60" height="26" xmlns="http://www.w3.org/2000/svg">
    <path d="M34,27a.988.988,0,0,0-.55-.89L28,23.38V20a1.003,1.003,0,0,0-1-1H3a1.003,1.003,0,0,0-1,1V44a1.003,1.003,0,0,0,1,1H27a1.003,1.003,0,0,0,1-1V30.62l5.45-2.73A.98806.98806,0,0,0,34,27ZM8,27H6V23h4v2H8ZM21.44727,38.89453a1.00046,1.00046,0,0,1-1.3418-.44726L15,28.23633,12.61816,33H15a1,1,0,0,1,0,2H11.61816L9.89453,38.44727a1.00012,1.00012,0,0,1-1.78906-.89454l6-12a1.04127,1.04127,0,0,1,1.78906,0l6,12A1,1,0,0,1,21.44727,38.89453Z"></path>
    <path d="M61,19H37a1.003,1.003,0,0,0-1,1V33.38l-5.45,2.73a.99512.99512,0,0,0,0,1.78L36,40.62V44a1.003,1.003,0,0,0,1,1H61a1.003,1.003,0,0,0,1-1V20A1.003,1.003,0,0,0,61,19ZM55.31641,37.05176a.99964.99964,0,1,1-.63282,1.89648,21.753,21.753,0,0,1-5.673-2.94458,14.0016,14.0016,0,0,1-5.76788,2.96607.99963.99963,0,1,1-.48536-1.93946,12.09416,12.09416,0,0,0,4.63227-2.27374A24.40848,24.40848,0,0,1,44.21924,31.625a.99991.99991,0,0,1,1.561-1.25,23.59415,23.59415,0,0,0,3.0951,3.00214A14.64317,14.64317,0,0,0,51.60474,29H43a1,1,0,0,1,0-2h5V26a1,1,0,0,1,2,0v1h5a1,1,0,0,1,0,2H53.7359a16.84476,16.84476,0,0,1-3.26172,5.57977A19.47286,19.47286,0,0,0,55.31641,37.05176ZM58,27H56V25H54V23h4Z"></path>
  </svg> Select Language</button>
    <ul class="langlist" tabindex="-1" hidden="true">
        <li style="display: inline; list-style: none;"><a style="text-transform: capitalize; font-weight: bold;" href="/people-use-web/" lang="en" aria-current="language">English</a></li>
        <li style="display: inline; list-style: none;"><a style="text-transform: capitalize;" href="/people-use-web/fr/" lang="fr">français</a></li>
    </ul>
</nav>