如何隐藏折叠触发器Bootstrap

Question

如何在显示折叠文本时隐藏Bootstrap中的折叠触发器？

我现在所拥有的是一个带有描述列的表，但是当描述超过150个字符时，我会截断字符串并添加＆＃34; ...＆＃34;到最后。我一直在玩Bootstrap，我设法将它作为<a>元素，作为折叠<div>的触发器，其中包含其余描述，以便当有人点击它显示其余部分。我想做的是一旦有人点击它们就隐藏点，并在其位置添加其余的描述，这可能吗？

这是我目前正在使用的Javascript片段：

if (key == "Description") {
    values.textContent = Json.prods[i][key].substring(0,150);
    if (Json.prods[i][key].length > 150){
        values.innerHTML += "<a data-toggle='collapse' data-target='#descr'>...</a>";
        values.innerHTML += "<div id='descr' class='collapse'>"+Json.prods[i][key].substring(150,Json.prods[i][key].length)+"</div>";
    }
}

我想指明一下，当我点击这些点时，我在表格中看到的是：

first_150_chars...
rest_of_description

虽然我想看看：

first_150_chars_rest_of_description