このコードを簡略化する簡単な方法はありますか？誰かがコンマを説明することもできますか？

Question

私は全く新しいので、私は2つの質問があります。

1）このコードを簡略化する方法はありますか？ 基本的に、要素のホバー上にdivが表示されます。あなたがマウスを使いこなすと、ウェブサイトhttp://indicius.com/のソーシャルアイコンへの効果を再現したいと思います。これはこの効果を作り出す正しい方法ですか？

2）誰かがここにカンマ機能を説明することはできますか？私は2つの機能（実際に私が探していた仕事をしている）を見ているイベントの内部を意味しますが、コンマの意味を理解したいと思いますか？ 2番目の「位置」とは、コンマの後でイベントになることを意味します。

希望は明らかです。

$(".social-size-logo").hover(
    function() { 
    $(".color-social-div").css({ 
     "opacity": "1", 
     "z-index": "999" 
    }); 
    }, 
    function() { 
    $(".color-social-div").css({ 
     "opacity": "0", 
     "z-index": "-1" 
    }); 
    }); 

Answer 1

jQueryのホバー関数は、引数として2つのメソッドを受け付け、入力マウス上で実行される最初のものは、選択された要素の、マウスが要素を広葉樹二番目。

$(element).hover(mouseInHandler, mouseOutHandler); 

あなたはあなたが投稿したスニペットに来て、それについて今here

をより多くを読むことができ、私は空想のアニメーションがたくさんありますインライン

$(".social-size-logo").hover(// Attach the hover event handler 
    function() { // This is the `mouseIn` method 
    $(".color-social-div").css({ //We add the CSS to make the element visible, 
     "opacity": "1", // set the opacity to 1 to make it visible 
     "z-index": "999" // bump up the z-index to bring it to the top 
    }); 
    }, 
    function() {// This is the `mouseOut` method 
    $(".color-social-div").css({ 
     "opacity": "0", 
     "z-index": "-1" 
    }); 
    }); 

それを説明してみますアニメーションを作成するために一緒に来て、それはすべてにゆだねます：

1. ユーザーは社会に入りますアイコン領域 - >フォーカスでページラッパーをもたらし、また、他のすべて
2. の上にそれを置くイベント火をアイコン ヒントのそれぞれのオーバーレイ表示：この
を理解することがホバーに div.overlays-wrapper要素の動作をチェックします
3. ユーザーがすべてをリセットしてリセットするとき