删除按钮上的向上箭头并替换为向下箭头

Question

具有带有向下箭头的“显示更多”的按钮。当用户单击按钮时，文本更改为“显示较少”。我想删除向下箭头并添加向上箭头。

jQuery

$(document).ready(function() {
      $(".show-more").click(function() {
        $(".more").slideToggle(400);
        return false
      })
    });

    $(".show-more").click(function() {
      $(".fade").fadeOut(150, function(){
        $(".fade").html($(".fade").html() == "Show Less" ? "Show More" : "Show Less");
        $(".fade").fadeIn()
      })
    });

CSS

.fade:after {
display: inline-block;
content: "\f091";
color: #2f90d5;
font: normal normal normal 14px/1 "Black Tie";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
vertical-align: -5px;
padding-left: 10px;

}