Таблицы Google, встроенные в веб-страницу

У меня есть лист Google, встроенный в мою веб-страницу, и я хочу иметь возможность щелкнуть ссылку на той же странице и изменить ее на другую электронную таблицу. Например:

Ссылка 1 (Загружает лист Google 1)
Ссылка 2 (Загружает лист Google 2)
Ссылка 3 (загружает лист Google 3)

Когда я нажимаю ссылку 1, электронная таблица отлично отображается на моей веб-странице. Теперь я хочу щелкнуть ссылку 2, очистить лист Google 1 от ссылки 1 и загрузить лист Google 2 в том же месте на странице. Ссылка 3 затем загрузит лист Google 3 при нажатии на нее.

Любые идеи, как это сделать?

    $(document).ready(function(){
       $("#HD").click(function(){
        $('#result').load('https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&headers=false');

       }); 
<div class = "row">
        <section class = "6u">
        <ul class = "default">
        <li><a id=HD href = "#">Military Headstone Application</a></li>
</ul>

<div class = "row">
  <section class = "6u">
    <ul class = "default">
      <iframe width=1400 height=900 src = "https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false"></iframe>
        <div id = "result" style = "clear:both;">