Estoy buscando la manera de poder actualizar la **página a mostrar** dando click en el menú sin que se recargue toda la página como tal, es decir, cuando el usuario de click en la pestaña "indicadores", me muestre la información que hay en "indicadores.html", solo actualizando esa parte de la "página a mostrar". [![introducir la descripción de la imagen aquí][1]][1] - Código: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <div class="container-fluid"> <div class="row fila"> <nav class="col col-sm-3 col-md-2 nopadding" id="navbar"> <ul class="nav flex-column"> <div class="rounded mx-auto my-auto"> <img src="" alt="">menu </div> <hr> <div class="general mx-auto my-auto"> <p> General </p> </div> <li class="nav-item active"> <a class="nav-link" href="home.html"><i class="fas fa-home"></i> Dashboard</a> </li> <li class="nav-item"> <a class="nav-link" href="indicadores.html"><i class="fas fa-chart-bar"></i> Indicadores</a> </li> <li class="nav-item"> <a class="nav-link" href="ranking.html"><i class="fas fa-table"></i> Ranking</a> </li> </ul> </nav> <main class="col nopadding"> <h5>aqui deberia mostrar la informacion de la pestaña a elegir</h5> </main> </div> </div> <!-- end snippet --> He utilizado la función `.click()` cada vez que el usuario le de click a un enlace `<a>` pero no tengo idea como realizar lo que pido... [1]: https://i.sstatic.net/JnomF.png