Выкат фиксированного блока снизу на jq или css при нажатии на кнопку?

Question

[Чёкатилло]

Блин, что-то не получается у меня
Помогите пожалуйста

<div class="main">
<div id="up"><i class="fa fa-arrow-up"></i></div>
<div class="block "></div>
</div>

кнопка: <div id="up"><i class="fa fa-arrow-up"></i></div>

.block {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    display: none;
    color: #edf0dd;}

Answer 1

[ksnk]

$(function(){
  $(document).on('click','#up', function(){
    var block=$('.block');
    if(block.is(':hidden')){
      block.slideDown();
    } else {
      block.slideUp();
    }
  })
})

Answer 2

[Владислав Поляков]

Выкат ?

$('#up').on('click',function(){
$('.block').show();
// or 
$('.block').css('display','block');
}