using 2 acordions

using 2 acordions

I installed Jquerry and am running into a problem with the Acordion. My side menu uses a acordion and i want to use another in the main body. I have deleted the side querry as a test but that doesn't enable the body so it's not a conflict of the two.

Ideally it would be nice if the body and side could both be open but if opening the body closed the side menu that is fine two



  1. <?php
  2. session_start(); 
  3. $_SESSION[currentshow] = "Decade";
  4. include '../includes/header.php';
  5. include '../includes/layouttable.php';

  7. echo '<!-- Accordion -->';
  8. echo '<div id="accordion">';
  9. /*
  10. echo '<div>';
  11. echo '<h3><a href="#">Showa Era/Misc.</a></h3>';
  12. echo '<div>';

  14. echo '</div>';
  15. echo '</div><div>';
  16. */
  17. echo '<div>';
  18. echo '<h3><a href="#">Kuuga</a></h3>';
  19. echo '<div>';
  20. $youtubeid = 'OMitCzT3XgM';
  21. $linkdesc = 'Kamen Rider Decade\'s partner, Kuuga from a alternate reality.';
  22. echo '<center><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>';
  23. echo '<BR>'.$linkdesc.'<BR><BR></center>';
  24. echo '</div>';
  25. echo '</div><div>';
  26. /*
  27. echo '<div>';
  28. echo '<h3><a href="#">Agito</a></h3>';
  29. echo '<div>';

  31. echo '</div>';
  32. echo '</div><div>';
  33. echo '<div>';
  34. */
  35. echo '<h3><a href="#">Ryuki</a></h3>';
  36. echo '<div>';
  37. $youtubeid = 'z-WiubSJyUI';
  38. $linkdesc = 'Alternate Reality Ryuki (and Decade) Double Henshin.';
  39. echo '<center><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>';
  40. echo '<BR>'.$linkdesc.'<BR><BR></center>';
  41. echo '</div>';
  42. echo '</div><div>';
  43. /*
  44. echo '<div>';
  45. echo '<h3><a href="#">555/Faiz</a></h3>';
  46. echo '<div>';

  48. echo '</div>';
  49. echo '</div><div>';
  50. echo '<div>';
  51. echo '<h3><a href="#">Hibiki</a></h3>';
  52. echo '<div>';

  54. echo '</div>';
  55. echo '</div><div>';
  56. echo '<div>';
  57. echo '<h3><a href="#">Kabuto</a></h3>';
  58. echo '<div>';

  60. echo '</div>';
  61. echo '</div><div>';
  62. echo '<div>';
  63. echo '<h3><a href="#">Den-O</a></h3>';
  64. echo '<div>';

  66. echo '</div>';
  67. echo '</div><div>';
  68. */
  69. echo '<div>';
  70. echo '<h3><a href="#">Kiva</a></h3>';
  71. echo '<div>';
  72. $youtubeid = 'Jq8pa8SxXmo';
  73. $linkdesc = 'Alternate Reality Kiva.';
  74. echo '<center><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>';
  75. echo '<BR>'.$linkdesc.'<BR><BR></center>';
  76. echo '</div>';
  77. echo '</div><div>';
  78. echo '<div>';
  79. echo '<h3><a href="#">Decade</a></h3>';
  80. echo '<div>';
  81. $youtubeid = 'RJlQ96_cS-w';
  82. $linkdesc = 'Kamen Rider Decade\'s Henshin/Transformation sequence.';
  83. echo '<center><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'.$youtubeid.'&amp;hl=en_US&amp;fs=1?color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>';
  84. echo '<BR>'.$linkdesc.'<BR><BR></center>';
  85. echo '</div>';
  86. echo '</div><div>';
  87. /*
  88. echo '<div>';
  89. echo '<h3><a href="#">Double</a></h3>';
  90. echo '<div>';

  92. echo '</div>';
  93. echo '</div><div>';
  94. */
  95. include '../includes/closer.php';
  96. php?> 
and the includes

Headers.php
  1. <?php
  2. $siteurl = "http://maskedriders.info/";
  3. if (($_SESSION[currentshow] != $_SESSION[oldshow]) OR (!isset($_SESSION[currentshow]))){$_SESSION[oldshow] = $_SESSION[currentshow];}
  4. echo '<html>';
  5. echo '<head>';
  6. echo '<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />';
  7. echo '<title>Maked Riders Infosource';
  8. if (($_SESSION[currentshow] != "none") OR (!isset($_SESSION[currentshow]))){echo ':'.$_SESSION[currentshow];}
  9. echo'</title>';
  10. php?>
  11. <link type="text/css" href="../css/ui-darkness/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
  12. <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
  13. <script type="text/javascript" src="../js/jquery-ui-1.8.2.custom.min.js"></script>
  14. <script type="text/javascript">
  15. $(function(){

  17. // Accordion
  18. $("#accordion").accordion({ header: "h3" });
  20. // Tabs
  21. $('#tabs').tabs();

  24. // Dialog
  25. $('#dialog').dialog({
  26. autoOpen: false,
  27. width: 600,
  28. buttons: {
  29. "Ok": function() { 
  30. $(this).dialog("close"); 
  31. }, 
  32. "Cancel": function() { 
  33. $(this).dialog("close"); 
  34. } 
  35. }
  36. });
  38. // Dialog Link
  39. $('#dialog_link').click(function(){
  40. $('#dialog').dialog('open');
  41. return false;
  42. });

  44. // Datepicker
  45. $('#datepicker').datepicker({
  46. inline: true
  47. });
  49. // Slider
  50. $('#slider').slider({
  51. range: true,
  52. values: [17, 67]
  53. });
  55. // Progressbar
  56. $("#progressbar").progressbar({
  57. value: 20 
  58. });
  60. //hover states on the static widgets
  61. $('#dialog_link, ul#icons li').hover(
  62. function() { $(this).addClass('ui-state-hover'); }, 
  63. function() { $(this).removeClass('ui-state-hover'); }
  64. );
  66. });
  67. </script>
  68. <style type="text/css">
  69. /*demo page css*/
  70. body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
  71. .demoHeaders { margin-top: 2em; }
  72. #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
  73. #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
  74. ul#icons {margin: 0; padding: 0;}
  75. ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
  76. ul#icons span.ui-icon {float: left; margin: 0 4px;}
  77. </style>
  78. <?php
  79. echo '</head>';
  80. php?>