title: JQuery Accordion 1.8 Implementation
body: <p>I am trying to implement this JQuery Accordion for my site which I found here: <a href="http://docs.jquery.com/UI/API/1.8/Accordion" rel="nofollow">http://docs.jquery.com/UI/API/1.8/Accordion</a></p>
  
  <p>Their example includes 2 JavaScript downloads and a link to a CSS:</p>
  
  <pre><code>&lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I am already using 1 jquery download (jquery-1.5.min.js) and a few other jquery plugins:</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-1.5.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.corner.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.cycle.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/menu.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.simplemodal.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/contact.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In order to implment the same Accordion that is <a href="http://docs.jquery.com/UI/API/1.8/Accordion" rel="nofollow">http://docs.jquery.com/UI/API/1.8/Accordion</a></p>
  
  <p>Question1- Would I need to include the jqueryui/1.8 reference?</p>
  
  <p>Question2- Would I need to implement the link to the css that is part of the example:  <a href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="nofollow">http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css</a> </p>
  
  <p>Question3- I would only like to implment parts of this jquery-ui.css which would be the bare minimum CSS.  Does anyone know now could provide for a more simpler CSS for this Accordion?</p>