Jquery向下滑动以显示在其他内容的顶部

我有一段内容，我只想在上面显示另一段代码，使用jqueryslidedown作为覆盖。我已经添加了z索引属性，但无法使其正常工作

我希望类为“selection\u nip”的div显示为类顶部的覆盖层

抱歉，格式有问题

HTML代码

    <div id="ask_question_post_envelop" class="bottom_border_radius" style="position:relative; z-index:10;">

                <div class="selection_nip" style="display:none; position:relative; z-index:1000;"></div>
                    <span id="arrow-dashboard" class="arrow-dashboard"></span>
                    <div id="avatar-wraper" class="avatar-wraper">
                        <a href="#" class="post-avatar" id="" ><img id="avatar-img" src="<?php echo $user_data['photo'];?>" border="0" alt=""></a>
                    </div>  

                    <div id="form_wrapper_question" class="form_wrapper_question" >
                        <!--    ONDE ENTRAM TODAS AS FORMS         -->  
                </div>



                <div id="" class="question-page-form_wrapper" name="profile_identifier" style="position:relative; z-index:10;">
                    <div style='height: 0px;width: 0px; overflow:hidden;'>
                        <input id="profile_id" type="text" name="profile_id" value="<?php echo $profile_data['user_id']; ?>"/>
                    </div>
               </div>
   </div>

您需要使用position
absolute
定位div“
selection\u nip
”

#selection_nip {
    position: absolute;
    top: 0px;
    left: 0px;
}

它将放置在div
#ask\u question\u post\u信封
内容的顶部（位置相对的第一个父级）

你会得到这样的结果：