How to do custom dropdown upwards other than bootstrap

Question

I have created a dropdown menu but I want this dropdown to be slide upwards in animated view. Can anyone help me?

$('.need-help').click(function() {
    $('.need_help_dropdown').slideToggle();
});

.need-help {
   background:url(../images/need-help.png) no-repeat; color:#000;    width:100px; 
   text-align:center;
   text-transform:uppercase; 
   padding-top: 10px; 
   padding-bottom: 4px;
   float:right;
   margin-top:190px;
}
.need-help i {
  font-size:20px;
}
.need_help_dropdown {
   padding:0; 
   display:none; 
   background:#ccc;
 }
.need_help_dropdown li {
   display:block; 
   background:#eb3b2a;
   border-bottom:1px solid #fff;
}
.need_help_dropdown li a {
   color:#fff;
   text-decoration:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="need-help">
    <i class="fa fa-question-circle"></i>
    <br/> 
    Need help

    <ul class="need_help_dropdown">
        <li><a href="#">FAQ</a></li>
        <li><a href="#">Bug or Feedback</a></li>
        <li><a href="#">Close</a></li>
    </ul>
</div>

Answer 1

Try with this updates,

Use this CSS as below

.need_help_dropdown {
   padding:0; 
   display:none; 
   background:#ccc;
   position:absolute;
   bottom:0;
 }