Не срабатывает первый клик
 

Делаю такой элемент:

По шелчку на "Выбрать статус... " должно появляется окошко выбора "2", но на первый шелчок ничего не происходит, начинает работать только со второго, в чем может быть причина?

<div id="select" onclick="if (document.getElementById('select_drop').style.display == 'none')
{document.getElementById('select_drop').style.display = 'block';} 
else {getElementById('select_drop').style.display = 'none';}">
Выбрать статус...</div>

Читать про доступность стилей.
http://javascript.ru/blog/Andrej-Par...cheniya-stilya

А как заменить это

onclick="if (document.getElementById('select_drop').style.display == 'none') {
document.getElementById('select_drop').style.display = 'block';
}  
else {getElementById('select_drop').style.display = 'none';}"

на анологичное jquery ?