[Đóng góp] Bảng thông báo đen ở góc phải có nút ẩn và nút tắt

Bảng thông báo đen ở góc phải có nút ẩn và nút tắt
Người viết: Méo
Demo: http://jwiki.forumvi.com/forum
Vui lòng đừng rao ở mấy trang khác trước tết tây 2014 :v

Code:

<div class="thongbaofca">
  <div class="tatkeo">
    <div class="keofca">⇕</div>
    <div class="tatfca">x</div>
  </div>
  <div style="background-color: rgba(0, 0, 0, 0.85);width: 100%;height: 100px;display: block;" class="jwkfca">
    <div class="thongbaojwk">Úm ba la xì ý ba la xùm
      <br/>Xùm la ba ý xì la ba úm
      <br/>Không có gì mới hết trơn
    </div>
  </div>
</div>
<script>
  $(document).ready(function(){
    $(".keofca").click(function(){$(".jwkfca").animate({height:'toggle'},750);});
    $(".tatfca").click(function(){$(".thongbaofca").hide();});
  });
</script>

Code:

/*bảng thông báo*/
.thongbaofca{position:fixed;min-height:20px;min-width:300px;bottom:0px;right:0px;}
.thongbaojwk{padding: 15px;position: relative;color: #fff;font-weight: bold;overflow-x: hidden;overflow-y: auto;}
.keofca,.tatfca{cursor:pointer;padding: 10px;margin-right: 5px;float: right;font-weight: bold;color: #fff;background: #000;position: relative;}
.tatkeo{background: rgba(0,0,0,.7);border-bottom: 5px solid #000;height: 35px;}