如何通过按下按钮替换div的内容

Question

我想在navbar下方容器中的a上使用th：insert。每个按钮将插入不同的代码。我知道有一个：如果但我不知道如何使用它来检查按钮是否被按下。也许比使用th：insert和th：if？更好的解决方案。

我只是想更改容器的内容，而不是重新加载到另一页。我已经准备好将插入页面的html文件。我正在使用Spring Boot，Spring MVC，Thymeleaf

导航栏代码：

<nav class="navbar navbar-custom" aria-label="Desktop Navigation">
    <div class="container">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="link">Add User</a></li>
                <li><a href="link">Users List</a></li>
            </ul>
        </div>
    </div>
</nav>

容器代码：

<div class="row">
  <div class="col-sm-12">
    <th:block th:if="(What I should insert here?)">
       <div th:insert="fragments/panelFragments :: addUserFragment" />
    </th:block>
    <th:block th:if="(What I should insert here?)">
       <div th:insert="fragments/panelFragments :: usersListFragment" />
    </th:block>
  </div>
</div>