Смена div'в при клике по ссылке

Нужна помощь! Ситуация такая, что есть боковое меню, с 4 пунктами и для каждого из них свой блок. Как мне реализовать, чтобы при клике из каких-нибудь этих пунктов, он выводил именно предназначенный для него блок, при этом, чтобы на странице менялся только блок? Вот мой код HTML. В примере указан только один блок предназначенный для первого пункта в списке. Помогите пожалуйста!

<div class="personal-area-form-card">
    <div class="row">
        <div class="col-md-11">
            <div class="row">
                <div class="col-md-3">
                    <div class="sidebar active blue">
                        <ul class="sidebar-user">
                            <li><a href="#" class="sidebar-menu active-menu">Персональные данные</a></li>
                            <li><a href="#" class="sidebar-menu">Управление тарифом</a></li>
                            <li><a href="#" class="sidebar-menu">История заказов</a></li>
                            <li><a href="#" class="sidebar-menu">Техническая поддержка</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="form-personal-data">
                        <a class="target-face" href="#">Физическое лицо</a>
                        <a class="target-face blue" href="#">Юридическое лицо</a>
                        <form action="#" class="form-1" id="personal-data">
                            <fieldset form="personal-data">
                                <legend>Персональные данные</legend>
                                <input type="text"  name="user-name" value="Заполнить ФИО">
                                <input type="text"  name="user-login" value="Логин (изменить невозможно)">
                                <input type="text"  name="user-company" value="Заполнить наименование компании">
                                <input type="text"  name="user-position" value="Выбрать должность">
                                <input type="tel"   name="user-phone-number" value="Заполнить телефон">
                                <input type="email" name="user-email" value="Заполнить почту">
                                <button type="button" class="save-btn btn">Сохранить</button>
                            </fieldset>
                        </form>
                    </div>
                    <div class="form-password">
                        <form action="#" class="form-2" id="change-password">
                            <fieldset>
                                <legend>Сменить пароль</legend>
                                <input type="password" name="old-user-password" value="Введите старый пароль">
                                <input type="password" name="new-user-password" value="Введите новый пароль">
                                <input type="password" name="new-user-password-again" value="Подтвердите новый пароль">
                                <button type="button" class="save-btn btn">Сохранить</button>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>