ASP.NET Core MVC Показать скрыть частичные представления

У меня есть страница Contact/Index, разделенная на два столбца (для каждого столбца один PartialView). Слева я показываю список всех своих контактов, а справа детали выбранного/нажатого контакта из указанного списка.

... и предварительный просмотр отлично работает -> после того, как пользователь щелкает запись из списка, я просто вызываю «@Url.Action» для действия в моем контроллере, которое возвращает частичное представление с деталями.

    <div class = "row">
      <div class = "col-md-8 col-sm-12">
        <div id = "sectionList">
          @{await Html.RenderPartialAsync("_PartialList", Model.Contacts);}
        </div>
      </div>

      <div class = "col-md-4 col-sm-12">
        <div id = "sectionPreview" style = "display: block">
          @{await Html.RenderPartialAsync("_PartialPreview", Model.Contact);}
        </div>

        <div id = "sectionEdit" style = "display: none">
          @{await Html.RenderPartialAsync("_PartialEdit", Model.Contact);}
        </div>
      </div>
    </div>

Но у меня проблема с "редактированием". В форме сведений у меня есть кнопка для РЕДАКТИРОВАТЬ, и когда пользователи нажимают ее, я хочу СКРЫТЬ PartialView для предварительного просмотра (id = "sectionPreview") и ПОКАЗАТЬ кнопку для редактирования (id = "sectionEdit").

Я уже пробовал играть с сохранением разных стилей (disply: block или none) в ViewBag и применять их к каждому разделу, но это не кажется правильным подходом, потому что все PartialViews (даже если для display установлено значение none) по-прежнему получают предоставлено.

Каков наилучший способ/практика для выполнения этой работы?