смена содержимого по клику на кнопку

$('.btn-list').on('click',function() { 
    if (!$(this).hasClass('active')) { 
        $(this).html('Скрыть <i class="fa fa-hand-o-up" aria-hidden="true"></i>'); 
    } else { 
        $(this).html('Узнать больше <i class="fa fa-hand-o-down" aria-hidden="true"></i>'); 
    } 
    $(this).toggleClass('active'); 
});

.fa.fa-hand-o-down:before { 
content:'down'; 
} 
.fa.fa-hand-o-up:before { 
content:'up'; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<button class="btn btn-list" data-toggle="collapse" data-target="#hide-me"> 
  Узнать больше  
  <i class="fa fa-hand-o-down" aria-hidden="true"></i> 
</button>

CSS тут только для демонстрации.

var c = false;
$('.btn-list').click(function() {
    if (c === false) {
        $('.btn-list').text("скрыть");
        $('.btn-list').removeClass("fa fa-hand-o-down");
        $('.btn-list').addClass("fa fa-hand-o-up");
        c = true
    } else {
        $('.btn-list').text("узнать больше");
        $('.btn-list').removeClass("fa fa-hand-o-up");
        $('.btn-list').addClass("fa fa-hand-o-down");
        c = false
    }
});

в кнопке button у вас содержится класс btn-list – это на javascript (jQuery) поменять содержимое текста "узнать больше" на "скрыть"

а вот остальное пример

добавление элементу класс "foo"

el.classList.add("foo"); 

удаление класса "bar"

el.classList.remove("bar");

переключение класса "foo"

el.classList.toggle("foo");