выпадающее меню отображение эффекта

Question

У меня есть кнопка выпадающего меню, которая отображает 2 варианта при нажатии. Я хочу, чтобы опция отображалась как затухание и выход при нажатии выпадающего меню.

HTML

<select name="lang_choice" id="lang_choice"> 
    <option value="da" selected="selected">Dansk</option> 
    <option value="en">English</option> 

</select> 

CSS

select 
{ 
    background: #E6E0D0; 
    color: #694a31; 
    width: 100px; 
} 

я пытался добавить это мой CSS, но ничего не происходит, также пытались непрозрачность 0> 1, когда дисплей, но это не влияет на меню.

-webkit-transition: opacity .5s ease-in-out; 
     -moz-transition: opacity .5s ease-in-out; 
     -ms-transition: opacity .5s ease-in-out; 
     -o-transition: opacity .5s ease-in-out; 
      transition: opacity .5s ease-in-out; 

образец fiddle

Answer 1

Ну вы можете попробовать JQuery анимацию, но мне кажется, что opacity влияет только на вариант текста, а не блок, где она хранится.

jsfiddle: http://jsfiddle.net/2dvcam8f/5/

нового jsfiddle с лучшей анимацией: http://jsfiddle.net/2dvcam8f/9/

Если вы хотите гладкое раскрывающееся меню вы должны использовать плагин, например, отправил один @Rushee.