Сделать раскрывающийся вариант перехода к внешней ссылке?

Question

Я пытаюсь создать раскрывающийся список с вариантами, ведущими вас на внешние сайты или, в моем случае, на мой веб-сайт, но на другом языке.

Я уже сделал раскрывающийся список, но я не знаю, где разместить код, который позволит вам go перейти на сайт.

$(document).ready(function() {
  $('button').click(function() {
    $('ul').toggleClass('active')
  })
})

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

<div>
  <button class="btn">Change Language</button>
  <a href="https://discord.com/oauth2/authorize?client_id=709030261605793803&permissions=171166800&scope=bot">
    <button type="submit" class="btn">Invite To Discord</button>
    <a href="">
      <button type="submit" class="btn">Get Started</button>
      <ul class="active">
        <li><a href="#">Français</a></li>
        <li><a href="#">Português</a></li>
        <li><a href="#">русский (Russian)</a></li>
      </ul>
    </a>
  </a>
</div>

Answer 1

Вам необходимо заменить # в тегах <a> фактическими URL-адресами страницы, на которую вы хотите перейти. Кроме того, ваш html кажется неправильным. Ссылки внутри ссылок плюс добавление кнопок - все это очень запутывает. В зависимости от того, что вы пытаетесь сделать, попробуйте упростить это до примерно такого ...

<div>
  <ul>
    <li><a href="francais.html">Français</a></li>
    <li><a href="portugues.htm">Português</a></li>
    <li><a href="russian.html">русский (Russian)</a></li>
  </ul>
</div>