Как я могу обновить только частичное представление в его представлении?

Что я делаю не так, ребята? Это идея ...

Индексный вид

<div class="col-lg-12 col-md-12 col-xs-12">
    @Html.Partial("PartialView", Model)
</div>

контроллер

public ActionResult PartialView()
{
    return PartialView("PartialView");
}

[HttpPost, ValidateInput(false)]
public ActionResult POSTPartialView(string param1)
{
    return PartialView("PartialView");
}   

PartialView имеет форму. В первый раз, когда я вхожу в Index, PartialView работает, но во второй раз, после вызова POST (поступающего из формы внутри PartialView), мне нужно только визуализировать PartialView из Index.

Итак, чтобы исправить это, я делаю следующее:

[HttpPost, ValidateInput(false)]
public ActionResult POSTPartialView(string param1)
{
    return View("Index");
}   

Это работает. Я снова отображаю весь индекс (с моими изменениями после POST). Но я обновляю всю страницу, поэтому я потерял несколько CSS-элементов (например, аккордеон).

Должен ли я использовать Ajax для обновления только div, содержимое PartialView?

Спасибо, приятели.

Редакция:

@using (Html.BeginForm("PartialView", "Controller", FormMethod.Post, new { @class = "form-inline", role = "form" }))
{
    <div class="form-group col-lg-3 col-md-3 col-xs-3">
        <label for="DATA">DATA:</label>
        <input type="text" class="form-control pull-right" name="DATA">
    </div> 
    <button type="submit" class="btn btn-primary pull-right">Get Data</button>
}

Ответы на вопрос(3)

Ваш ответ на вопрос