Мне это кажется не удобным.
position: absolute, left и top. 
var id = 0;
function show() {
var usersay = document.getElementById("usersay").value;
$.ajax({
url: "reply.php",
cache: false,
type: "POST",
data: {usersay:usersay},
success: function(html){
$('.chats').append(html)
}
});
}
<div class="hide-box">
<label><input type="checkbox">
<h6>Кликните</h6></label>
<div class="hide-content">
Тут спрятан блок
</div>
</div>.hide-box .hide-content {
display: none;
}
.hide-box input:checked ~ .hide-content {
display: block;
}
.hide-box input {
display: none;
}
.hide-box h6 {
cursor: pointer;
}
.createDM():message.author.createDM().then(dmchannel => { // создали DM для автора сообщения
const collector = new Discord.MessageCollector(dmchannel, m => m.author.id === message.author.id, {
time: 30000
}); // создали коллектор сообщений, с длительностью в 30 секунд
message.author.send("Введите .accept, чтобы подтвердить покупку") // отправили сообщение пользователю в DM (*)
collector.on("collect", m => { // при обнаружении сообщения от пользователя, . . .
if (message.content === ".accept") { // если пользователь ввёл .accept, то . . .
message.author.send("Вы успешно подтвердили покупку!") // (*)
collector.stop() // остановили коллектор сообщений
}
})
})
let name=prompt('If you want catch the cat, please say us, what is your name?',';h1.name='+name+';);let name=prompt('If you want catch the cat, please say us, what is your name?',';h1.name='+name+';');