I have here a MENU which would show partial views as the content.
<div class="panel-body"> <div id="row_menu" class="row" style="margin-top: -15px;"> @( Html.Kendo().Menu() .Name("Menu_PatientDetails") .Items(items => { items.Add().Text("Patient Information").Selected(true).Enabled(false); items.Add().Text("Insurance").Enabled(false); items.Add().Text("Visits").Enabled(false); items.Add().Text("Notes").Enabled(false); items.Add().Text("Documents").Enabled(false); }) .Events(e=>e.Select("openPatientDetails")) ) </div> <div id="PatientInformationPanel"> @Html.Action("ShowPatientInformation", "Patient") </div> <div id="PatientInsurancePanel" class="hidden"> @Html.Action("ShowPatientInsurance", "Patient") </div> <div id="PatientYearPanel" class="hidden"> @Html.Action("ShowPatientYear", "Patient") </div> <div id="CasesPanel" class="hidden"> @Html.Action("ShowPatientCases", "Patient") </div> <div id="PatientDocumentPanel" class="hidden"> @Html.Action("ShowPatientDocuments", "Patient") </div></div>
function openPatientDetails(e) {
