ドロップダウンメニューでfadeInを適用するのを助けてください

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> 

私が書いたコードは、あなたがjavascriptやCSSの任意の組み合わせを使用してコントロール自体が機能する方法または表示を制御することはできません

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

Answer 1

です。ドロップダウンにアニメーションフェードが必要な場合は、代わりに<div>のコンテンツを使用してドロップダウンリストを再実装する必要があります。

jQueryにはプラグインとしてすでにいくつか含まれています。

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

jQueryのUIはまた、あなたが使用することができ、分割ボタンコンポーネントを持っていますhttp://jqueryui.com/demos/button/#splitbutton

Answer 2

選択ボックスは、システムのコントロールを操作している、あなたは彼らが提示するドロップダウンが来る方法を制御できるようにするつもりはありません見える可能であれば、すべてのオペレーティングシステムで標準ではありません。