Как менять текст ссылки если блоки работают как «аккордеон»?

Есть форма с данными. При клике на ссылку, раскрывается дополнительный блок под ним. Таких полей несколько, у каждого свой блок должен открываться. При клике в любом месте, кроме раскрытого поля, это поле сворачивается. Фишка в том, что текст ссылки (которая раскрывает нужный блок) должна меняться в зависимости от видимости этого блока (с текста на крестик и обратно). Если кликать именно по этим ссылкам, то всё ок, но если поле сворачивается при клике в любом другом месте, то остается крестик. Не могу соеденить вместе эти две функции. Вот мой код https://jsfiddle.net/aq9Laaew/177752/

$(document).ready(function() {

/* Изменение текста ссылки для раскрывающихся блоков */
$(function() {
    var changeLink = $("[data-toggle=collapse]");
    $(changeLink).on("click", function (e){ 
        $(this).closest(".accordeon").toggleClass("show");
        var changeToggle = $(this).attr("aria-expanded");
        var nameLink1 =  $(this).data("show");
        var nameLink2 =  $(this).data("close");
        if (changeToggle === 'true') {
            $(this).children().html(nameLink1).removeClass('close')
        } else {
            $(this).children().html(nameLink2).addClass('close')
        };
    });               
}) /* Изменение текста ссылки для раскрывающихся блоков END */
/* Аккордеон для блоков */
$(document).mouseup(function (e){ 
    var accordeon = $(".accordeon.show"); 
    var changeToggle = $("[data-toggle=collapse]").attr("aria-expanded");
    console.log(changeToggle);
    if (!accordeon.is(e.target) 
        && accordeon.has(e.target).length === 0) { 
      $(".collapse.show").collapse('hide');
    }
}); /* Аккордеон для блоков END */  

});