jquery mobile - how to open the selece menu programatically

jquery mobile - how to open the selece menu programatically

i'm new to jquery and jquery mobile. hope it's not a silly question.

let's say I have a select menu inside a hidden div as below,

<div id="divgender" style="display:none;">
    <select id="gender" data-theme="b">
        <option selected value="Man">Man</option>
        <option value="Woman">Woman</option>
    </select>
</div>

I also have a button in the same page somewhere. when the user click the button, i would like to make the divgender div visible, and open the select list automatically.

is it possible to achieve it?

thanks a lot.
kevin