title: MVC 4 with jquery ui tabs
body: <p>I am trying to create a jquery tab in mvc project using the code below, and it doesnt work. Please advice what am i missing? I am using the sample code from <a href="http://jqueryui.com" rel="nofollow noreferrer">jqueryui site</a></p>
  
  <p>the view:</p>
  
  <pre><code>&lt;link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" /&gt;
  &lt;script src="~/Scripts/jquery-1.8.2.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/jquery-ui-1.10.4.min.js"&gt;&lt;/script&gt;
  
   &lt;script&gt;
      $(function () {
      $("#tabs").tabs();
  });
  &lt;/script&gt;
  
  
   &lt;div id="tabs"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-1"&gt;login&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-2"&gt;Register&lt;/a&gt;&lt;/li&gt;        
    &lt;/ul&gt;
   &lt;div id="tabs-1"&gt;
      @Html.Partial("_login")
   &lt;/div&gt;
   &lt;div id="tabs-2"&gt;
      @Html.Partial("_register")
   &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I also have two links in my layout "login" and "register" links how can I manage so when login link is clicked display tabs-1 and when register link is clicked display tabs-2</p>
  
  <p>when I run the code, the output result, doesnt work:</p>
  
  <p><img src="https://i.stack.imgur.com/n5PIl.jpg" alt="enter image description here"></p>
  
  <p>thank you </p>