problem with imput

problem with imput

Hello im newbie,

i have this problem, im my site i have 2 imput for select country and language, i want when the first is opened the second go down like the height of open select, because now if i open the first select he go on the second.


  1. <form id="selections">
  2. <select id=""class="country-se cs-skin-elastic"  onchange="setLanguage()" name="countrySelect">
  3. <option value="1">bulgary</option>
  4. <option value="2" >brazil</option>
  5. <option value="3">france</option>
  6. <option value="4">germany</option>
  7. </select>
  8. </form>
  9. <h3 class="title">Select lang:</h3>

  10. <form id="selections">
  11. <select class="country-se cs-skin-elastic"  onchange="setLanguage()" name="countrySelect">
  12. <option value="1">portogu</option>
  13. <option value="2" >eng</option>
  14. <option value="4">spannsh</option>
  15. <option value="5">mexican</option>
  16. </select>
  17. </form>

This is my html, i use a codrops tutorial for styling my form, but how do my question with jquery?

thx in advance