幫助我在下拉菜單上應用淡入淡出

Question

我試圖在下拉菜單上應用淡入淡出效果。當用戶單擊下拉菜單時，應該顯示一個非常慢的動作。爲此，我使用的是fadeIn（）..
下面是HTML代碼和jQuery代碼。
我知道我的代碼不正確，希望有人能幫助我。

<select tabindex="21" name="S8a3_201" id="S8a3_201" class="dropdown"> 
<option value="">Select answer</option> 
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
<option value="4">Four</option> 
<option value="5">Five</option> 
<option value="6">Six</option> 
<option value="995">Seven</option> 
</select> 

我寫的代碼是

$('select').click(function() 
       { 
        $(this).fadeIn('slow', function() { 
    // Animation complete 
    }); 
       }); 

Answer 1

您不必在過程中的任何控件本身的工作原理，控制或使用的JavaScript或CSS任意組合顯示。如果您必須在下拉菜單中使用動畫淡入淡出效果，則必須使用包含<div>中的內容來重新實現下拉列表。

jQuery已經有幾個插件了。

http://plugins.jquery.com/plugin-tags/jquery-dropdown

jQuery UI的也有一個拆分按鈕組件，您可以使用：http://jqueryui.com/demos/button/#splitbutton

Answer 2

選擇框操作系統控制，你不會是能夠控制的下拉他們提出如何產生進入視野。即使可以，它在所有操作系統中都不是標準的。