javascript - ホバー状態で css に多くの変更を加えるにはどうすればよいですか?

Question

ホバー時にdivを表示させようとしていますが、現在のdivを押し下げるのではなく、すでに存在するdivにホバーさせたいです。z-index が役立つと思いますが、これは機能しません。誰かが私に良いヒントを与えることができますか？

Jクエリ

$(document).ready(function(){
    $('#services-skills').hover(function(){
        $('#services-skills').css('position','relative');
        $('.service-info').css("display","inline");
        $('#intro').css('position','relative');
        $('#intro').css("z-index","-3");
    },
    function(){
        $('.service-info').css("display","none");
    }
    );
});

コードサンプル全体を表示するには、ここをクリックしてください

http://jsfiddle.net/rU4pn/