I am attempting to create a couple of tabs within my homepage skin as content panes.  I have been able to add the code to my page and get the skin to render the tabs, however when I add the runat="server" it starts throwing menu errors.   

My approach may be incorrect, so I welcome any suggestions.

What I've done, is add a reference to a custom jQueryUI them in the header of the page.

<link href="<% =SkinPath %>css/Edgewood13/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" />

I also switched the host to use the hosted jQuery and jQueryUI, using the latest versions.  (1.9.1 & 1.10.3)   I did this because the tabs do not work using the built in DNN version.   

Then I add this code to the skin, 

<!-- START THE TABS --> 
<script>
  $(function() {
    $( "#hpTabs" ).tabs();
  });
  </script>
<div class="panes">
  <div id="hpTabs">
    <ul>
      <li><a href="#hpTabs-1" >News</a></li>
      <li><a href="#hpTabs-2" >Events</a></li>
    </ul>
    <div id="hpTabs-1" runat="Server">
      <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. </p>
    </div>
    <div id="hpTabs-2" runat="Server">
      <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque mus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
    </div>
  </div>
</div>
<!-- END THE TABS -->

(side note) By using the newer jQuery, my admin and host pages don't render correctly.  

Any assistance is appreciated. 

Thanks Matthias,     

I'm newer to DNN thus still getting used to all of the patterns and processes for modifying the instance.   I'll see what I can do to make this work.

John