Javascript 如何在创建附加函数后最小化单个框

我有一些聊天框。创建聊天框后。如何最小化单个聊天框

$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
var name=$（this.html（）；
var user='min
'+name+''；
$（“#demo1”）.append（用户）；
返回false；
});
});
//最小化单个框
$（文档）。在（'click'，'#min'，函数（）上{
$（this.find（“#mainch”）.toggle（700）；//它不起作用。
//$（“#mainchat”）。toggle（700）应用了此代码，只最小化了第一个框。
});
#主聊天
{
位置：相对位置；
浮动：左；
顶部：10px；
左：50px；
右边距：10px；
高度：250px；
宽度：100px；
边框：1px纯红；
}





只需编辑此项，因为“查找”仅适用于指向子元素：

请看这里：

只需编辑此项，因为“查找仅适用于指向子元素”：

请看这里：

// minimize the individual box
$(document).on('click', '#min',  function(){
  $(this).parent("#mainchat").toggle(700);
});