title: MVC 3 show hide Partial Views in jquery UI tabs
body: <p>In our application we are using Tabs to display the information for example contacts, in this tab the user can switch between view contacts and created contact. When the user clicks on ‘Create’ I want the partial view changed to CreateContact within the same tab. What is the best way to show hide a Partial Views in jquery UI tabs? Should I use Ajax code to do this?</p>
  
  <p>View</p>
  
  <pre><code>&lt;div id="tabs"&gt;
  &lt;ul&gt;
     &lt;li&gt;&lt;a href="/Home/GetClaim"&gt;Claim&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="/Home/GetProduct"&gt;Products&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="/Home/GetContact"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Controller</p>
  
  <pre><code>public ActionResult GetContact()
  {
      return PartialView();
  }
  
  public ActionResult CreateContact()
  {
      return PartialView();
  }
  </code></pre>
  
  <p>Partial View</p>
  
  <pre><code>&lt;li&gt;@Html.ActionLink("Create", "Test", "Home")&lt;/li&gt;
  </code></pre>
  
  <p>Thanks</p>