$(document).ready(function(){
    var onClass = "onclass"; //クリック用クラス
    var pullClass = "pullclass"; //プルダウン用クラス
    var anime = 300;
    
    $("."+ pullClass).hide();
    var zIndexNumber = 3; //z-index初期値
    
    $("."+ onClass).hover(
        function () {
            var p = $(this).find('> .' + pullClass);
            var PositonTop = $(this).position().top + $(this).height(); // 表示位置　高さ
            var PositonLeft = $(this).position().left ; // 表示位置　横
            //zIndexNumber++;
            //p.show(anime);
            p.fadeIn(anime);
            p.css("z-Index", zIndexNumber);
            p.css("position", "absolute");
            p.offset( { top: PositonTop , left: PositonLeft });
        },
        function () {
           var p = $(this).find('> .' + pullClass);
           //p.hide(anime);
           p.fadeOut(anime);
           p.css("z-index","-1");
        }
    );
});