How could I keep the buttons permanently after clicking the buttons

[ND-edward]

When I select any option the buttons are removed and showing the text, instead I want to have the buttons appear permanently without removing them.

Before selecting the choice the buttons are displayed

After the choice is selected the buttons are removed from bot response.

Instead, I want the buttons to be displayed and clickable just like below

Use case is, user can scroll up and select the previous choices without having to create a separate buttons for Back, Home, Menu etc Please let me know if this can be achieved

[ashrafulyarali]

you make unique div that for every menu.

[ashrafulyarali]

e.g:-
function addSuggestion(suggestions) {
setTimeout(() => {
const suggLength = suggestions.length;
$(
' <div class=+"singleCard">

',
)
.appendTo(".chats")
.hide()
.fadeIn(1000);
// Loop through suggestions
for (let i = 0; i < suggLength; i += 1) {
$(
<div class="menuChips" data-payload='${suggestions[i].payload}'>${suggestions[i].title}</div>,
).appendTo(".menu"+n.toString());
}
n=n+1;
scrollToBottomOfResults();
}, 1000);
}