title: How to use jquery to fade in different select field attributes based on clicking on link/button above
body: <pre><code>  = simple_form_for @item, :controller =&gt; "items", :action =&gt; "new", do |f|
    = render 'shared/messages', :object =&gt; @item
  
      fieldset
      legend Create Item
      h5 What are you listing?
      a.dress dress
      a.bottoms bottoms
      a.tops tops
      span#dresses style="display:none;"
          # if dress is clicked, then the f.select values different values. 
          # example values would be "green, white"
      span#bottoms style="display:none;"
          # if bottom is clicked, then the f.select values different values. 
          # example values would be "pink, orange"
      span#tops style="display:none;"
          # if tops is clicked, then the f.select values different values. 
          # example values would be "aqua, blank"
  
      f.select :color, "select values based on clicked above"
  </code></pre>
  
  <p>My end goal is so when I click on "dress", that jquery will update the value properties, for the select :color, as each would be different.  Each a link clicked above would then popular a different set of select values for the :color select field. </p>
  
  <p>Having a hard time finding an elegant way to handle this. </p>
  
  <p>Thanks</p>