title: Link to partial view inside another partial view
body: <p>I have a main global layoutfile and in one of my menu items I link to a service catalog that has it's own sidemenu generated from Model. Here's a simplified version of that view:</p>
  
  <pre><code>@model IEnumerable&lt;Service&gt;
  &lt;div class="row"&gt;
          &lt;div class="col-xs-4"&gt;
              &lt;div class="list-group"&gt;
                  &lt;ul class="service-menu-list"&gt;
                      @foreach (var item in Model)
                      {
                          &lt;li&gt;
                              &lt;a href="#@item.Id" class="service-menu-link service-menu-item" id="serviceItem-@item.Id"&gt;
                                  &lt;i class="service-menu-list-icon fa fa-chevron-right"&gt;&lt;/i&gt;
                                  &lt;span class="service-menu-list-text"&gt;&amp;nbsp;@item.Name&lt;/span&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                      }
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div id="ServicesMainContainer" class="col-xs-8"&gt;
              @Html.Partial("_ServicesStart")
          &lt;/div&gt;
  </code></pre>
  
  <p>This sidemenu will generate a partialview to the right depending on which item you've clicked in the menu. I manage this with an jquery ajax call that looks like this:</p>
  
  <pre><code>$(document).on("click", ".service-menu-link", function(e) {
      e.preventDefault();
  
      var itemID = $(this).attr("id");
      var container = $("#ServicesMainContainer");
      var href = {
          Href: $(this).attr("href")
      }
      removeActiveCLass();
      addActiveClass(itemID);
  
      $.ajax({
          url: "@Url.Action("_ShowService")",
          type: "POST",
          cache: false,
          dataType: "html",
          contentType: "application/json",
          data: JSON.stringify(href),
          error: function(jqXHR, textStatus, errorThrown) {
              alert("ERROR: " + errorThrown.text());
          },
          success: function(result) {
              container.html(result).show();
  
          }
      });
  });
  </code></pre>
  
  <p>Here's also my Controllers for the main Service page:</p>
  
  <pre><code>public ActionResult Services()
      {
          var db = new IdentityDb();
          var serviceList = db.Services.ToList();
          return View("Services", serviceList);
      }
  </code></pre>
  
  <p>...And my partial view:</p>
  
  <pre><code>public ActionResult _ShowService(string href)
          {
              if (href == "#home")
              {
                  return PartialView("_ServicesStart");
              }
              else
              {
                  var db = new IdentityDb();
                  var stringId = href.Substring(href.IndexOf("#") + 1);
                  var id = Convert.ToInt32(stringId);
  
                  var service = db.Services.FirstOrDefault(s =&gt; s.Id == id);
  
                  return PartialView("_ShowService", service);
              }
          }
  </code></pre>
  
  <p>My problem is that I want to link to specific Services from my index page, meaning that I want to load the Services page with the menu but with the specific service already visible. 
  If I link to my Services action, I come to the starting area of the Service catalog, and I can't link to my _ShowService Partial view because it will just show the partial view without any css, layout and Servicecatalog menu.</p>
  
  <p>Any ideas on how I would link to that partial view but not lose the main layout?</p>