plugin not showing up

plugin not showing up

Hey everyone,

I was using a tabbed section to display forms and when I tested it buy itself, it worked but when I put it into the website I am creating, the tab design doesn't show. Why is this? 

The external links that make the section work are on lines 7-15 for the "mainbar" div area. Here's where I got my sources as well  http://jqueryui.com/tabs/#default Thanks for any help!

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title> stuff </title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  7.   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  8.   <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  9.   <link rel="stylesheet" href="/resources/demos/style.css" />
  10.   <script>
  11.   $(function() {
  12.     $( "#tabs" ).tabs();
  13.   });
  14.   </script>
  15. <link href="css/style.css" rel="stylesheet" type="text/css" />
  16. <link href="css/feature-carousel.css" rel="stylesheet" charset="utf-8" />
  17. <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
  18. <script language="javascript" type="text/javascript">
  19. // run the function below once the DOM(Document Object Model) is ready 
  20. $(document).ready(function() {
  21.     // trigger the function when clicking on an assigned element
  22.     $(".toggle").click(function () {
  23.         // check the visibility of the next element in the DOM
  24.         if ($(this).next().is(":hidden")) {
  25.             $(this).next().slideDown("slow"); // slide it down
  26.         } else {
  27. $(this).next().slideUp("slow"); // slide it up
  28.         }
  29.     });
  30. });
  31. </script>

  32. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  33. <script type="text/javascript" src="Downloads/jquery.cycle.lite.1.0.min.js"></script>
  34. <script type="text/javascript" src="Downloads/jquery.loadImages.1.0.1.min.js"></script>
  35. <script type="text/javascript">
  36. $(document).ready (funtion () (
  37.   $.loadImages({'images/main_image.jpg,
  38.    'Images/slideshow_image3.jpg',
  39.    'Images/slideshow_image2.jpg',
  40.    'Images/slideshow_image1.jpg'}, function() {
  41.   $('#img').show().cycle();
  42.   });
  43. });
  44. </script>

  45. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  46. <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
  47. <script type="text/javascript">
  48. $(document).ready(function() {
  49.     $('.slideshow').cycle({
  50. fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  51. });
  52. });
  53. </script>

  54. </head>
  55. <body>
  56. <div class="main">
  57.     <div class="header">
  58. <?php include'includes/header.php'; ?>
  59.     </div><!-- end of header div -->
  60.   <div class="content">
  61.     <div class="sidebar">
  62. <?php include'includes/sidebar.php'; ?>
  63.     </div><!-- end of sidebar div -->
  64.     <div class="mainbar">
  65.        <h2>something goes here</h2>
  66.  <p>stuff goes here</p>
  67. <div id="tabs">
  68.   <ul>
  69.     <li><a href="#tabs-1">tab-1</a></li>
  70.     <li><a href="#tabs-2">tab-2</a></li>
  71.     <li><a href="#tabs-3">tab-3</a></li>
  72.   </ul>
  73.   <div id="tabs-1">
  74.   form stuff goes here
  75.   </div>
  76.   <div id="tabs-2">
  77.     form stuff goes here
  78.   </div>
  79.   <div id="tabs-3">
  80.     form stuff goes here
  81.   </div>
  82. </div>
  83.     </div><!-- end of mainbar class div -->
  84.     <div class="mainbar2">
  85. <h2>Contact Us</h2>
  86. <p>*Please fill out all of the fields below.</p>
  87. <form action="" method="post">
  88. <label for="name">Name:</label><br />
  89. <input type="text" name="name" id="name"><br />
  90. <label for="email">Email:</label><br />
  91. <input type="text" name="email" id="email"><br />
  92. <label for="message">Message:</label><br />
  93. <textarea name="message" id="message"></textarea><br />
  94. <input type="submit" value="Send!" />
  95. </form>
  96.     </div><!-- end of main bar class div -->
  97.     
  98.     
  99.     <div class="clr"></div><!-- end of clr div -->
  100.   </div><!-- end of content div -->
  101.     <?php include'includes/footer.php'; ?>
  102. </div><!-- end of main div -->
  103. </body>
  104. </html>