title: Using accordion and "sexy combo" plugin
body: <p>I am pretty new and got a following problem... </p>
  
  <p>case: </p>
  
  <p>We got an accordion and within this accordion we got an sexy-combo-box </p>
  
  <pre><code>    &lt;html&gt; 
  &lt;head&gt; 
    &lt;link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /&gt; 
  
    &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt; 
  
    &lt;script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery.sexy-combo-2.1.2.min.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/examples/usage.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/jquery.autogrow.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery-1.3.2.min.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery.bgiframe.min.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/development-bundle/ui/ui.core.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/development-bundle/ui/ui.accordion.js"&gt;&lt;/script&gt; 
  
    &lt;link rel="stylesheet" type="text/css" href="../../../../Library/WebServer/Documents/sexy-combo/lib/sexy-combo.css" /&gt; 
    &lt;link rel="stylesheet" type="text/css" href="../../../../Library/WebServer/Documents/sexy-combo/skins/sexy/sexy.css" /&gt; 
  
   &lt;script type="text/javascript"&gt; 
  
      $(document).ready(function(){ 
      $("#accordion").accordion(); 
      $("#basic-combo").sexyCombo(); 
    }); 
    &lt;/script&gt; 
  
  
  &lt;/head&gt; 
  &lt;body style="font-size:62.5%;"&gt; 
  
  &lt;div id="accordion"&gt; 
     &lt;h3&gt;&lt;a href="#"&gt;Form A&lt;/a&gt;&lt;/h3&gt; 
     &lt;div&gt; 
        &lt;p&gt;Please fill out the following:&lt;/p&gt; 
        &lt;p&gt;1. What cookies do you like?&lt;/p&gt; 
        &lt;p&gt;&lt;select id="basic-combo" name="resObj"  size="2"&gt; 
             &lt;option&gt;jelly&lt;/option&gt; 
             &lt;option&gt;biscuit&lt;/option&gt; 
             &lt;option&gt;chocolate&lt;/option&gt; 
              &lt;/select&gt; 
          &lt;/p&gt; 
        &lt;p&gt;2. What ice cream do you like?&lt;/p&gt; 
        &lt;p&gt;&lt;select id="empty-combo" name="sort"  size="2"&gt; 
             &lt;option&gt;strawberry&lt;/option&gt; 
             &lt;option&gt;chocolate&lt;/option&gt; 
             &lt;option&gt;vanilla&lt;/option&gt; 
              &lt;/select&gt;&lt;/p&gt; 
        &lt;p&gt;3. please tell us, how did you get attention to this site?&lt;/p&gt; 
        &lt;p&gt; 
           &lt;textarea style="width: 400px; height: 84px; min-height: 80px;" class="expanding" name="myTextarea"&gt;&lt;/textarea&gt; 
        &lt;/p&gt; 
     &lt;/div&gt; 
  
  &lt;h3&gt;&lt;a href="#"&gt;Form B&lt;/a&gt;&lt;/h3&gt; 
     &lt;div&gt; 
        &lt;p&gt;4. Please tell us the minimum and max amount of chocolate that you eat:&lt;/p&gt; 
        &lt;p&gt;min 
             &lt;input name="minConsump" type="text" id="start" size="5" /&gt; 
              max 
              &lt;input name="maxConsump" type="text" id="finish" size="5" /&gt; 
              required time (in minutes) that you take to eat the amount 
              &lt;input name="reqTime" type="text" id="time" size="5" /&gt; 
  
        &lt;/p&gt; 
     &lt;/div&gt; 
  &lt;/body&gt; 
  &lt;/html&gt; 
  </code></pre>
  
  <p>problem: 
  - accordion works fine, but sexy combo does not, you can just see the "normal" selection-box </p>
  
  <p>already tried/strange phenomenon: 
  - removing $("#accordion").accordion(); causes that sexy combo works </p>
  
  <p>possible reason: 
  - accordion starts before the sexy combo object ...after all the sexy combo object is not being loaded or some sort of "hidden" by the accordion object </p>
  
  <p>does someone has an idea what the reason for this behavior could be ? or how to fix it ? </p>
  
  <p>After reading some topics here I found smth. out like a jQuery live plugin, and that maybe I do need this plugin in order to handle it that when accordion is loaded, the sexy-combo plugin loads too.</p>
  
  <p>best regards </p>
  
  <p>leejin</p>