Спасибо
рони, немного подправил, вот так вообще в идеале:
<script type="text/javascript">
$(function() {
var btn = $("#getContent"),
div = $("#divContent"),
title = ["Развернуть", "Скрыть ", "Получаем контент"];
btn.on("click", function(event) {
event.preventDefault();
var text = div.text().trim();
if (text) {
var hidden = div.is(":hidden")
text = title[+hidden];
div.slideToggle(300);
btn.text(text).append(' <i class="fa fa-chevron-down" aria-hidden="true"></i></a>');
} else if (text != title[2]) {
div.text(title[2]);
$.ajax({
url: "/katprod/",
type: "GET",
cache: false,
success: function(html) {
div.html(html);
btn.text(title[1]).append(' <i class="fa fa-chevron-up" aria-hidden="true"></i>');
}
})
}
})
});
</script>
<div class="col-md-12 col-sm-12 hidden-xs"><span class="opener"><a href="#" id="getContent">Развернуть <i class="fa fa-chevron-down" aria-hidden="true"></i></a></span></div>
<div class="row"><div class="col-md-12 col-sm-12 .hidden-xs" id="divContent"></div></div>