Sélectionnez (développez) un menu déroulant lorsque vous cliquez sur un autre élément

Question

J'ai un div contenant un menu de sélection et un autre élément (.dropArrow).

Ce que je voudrais faire est de sélectionner le menu lorsque vous cliquez sur .dropArrow.

Voici le jquery que je l'ai essayé jusqu'à présent, mais sans succès ...

$(".dropArrow").live('click', function() { 
    $(this).siblings("select").click(); 
}); 

HTML

<div class="selectContainer selectTest" style="width: 305px;"> 
    <select id="selectTest"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 
    <span class="dropArrow">^</span> 
</div> 

Je devine que c'est la .cliquez() partie qui est faux que je peut changer cela à quelque chose comme .hide() et ça fonctionne bien.

Answer 1

Je l'ai fait fonctionner, en utilisant juste CSS, pas de Javascript. Cependant, je ne pense pas que cette solution soit parfaite à 100%.

Voir pour vous-même à: jsfiddle.net/Luuk/35xdx/

En outre, this post explique plus sur l'activation des éléments de sélection avec Javascript