Tabs panel not create

Tabs panel not create

Hi guys,

I am trying to create a tabs panel with 2 tabs. The problem is that the tabs are not created. Here is a link to the page:

I can't figure out why it's not working. I created a test file ( http://develop.emotion-software.nl/tab.html). That page does work. I probably have an error somewhere but I can not find out what I'm doing wrong. Does anyone know what the problem is? Below you can see the relevant HTML:

  1. <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  2. <script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
  3. <form action="<?php echo $_SERVER['REQUEST_URI'] ?>" method="POST">
  4. <div id="tabs">
  5. <ul>
  6.     <li><a href="#tabs-1">Slug</a></li>
  7.     <li><a href="#tabs-2">Page</a></li>
  8.   </ul>
  9. <div id="tabs-1">
  10. Titel: <input type="text" name="title" /><br />
  11. Slug: <input type="text" name="slug" /><br />
  12. Model: <input type="text" name="model" /><br />
  13. View: <input type="text" name="view" /><br />
  14. </div>
  15. <div id="tabs-2">
  16. Titel: <input type="text" name="title" /><br />
  17. Beschrijving: <input type="text" name="description" /><br />
  18. Keywords: <input type="text" name="keywords" /><br />
  19. Tekst:<br />
  20. <textarea name="text" cols="80" rows="15" class="ckeditor">abjioo</textarea><br />
  21. </div>
  22. </div>
  23. </form>