Jquery 弹出菜单是否隐藏其父文本？

我有一个弹出菜单，当div悬停在上面时显示/隐藏。显示/隐藏菜单工作正常。但是，div中有文本“Square”，当我在代码中向其添加菜单时，该文本将消失

index.html

<div id= "squareDiv" style="width: 100px; height:100px; border:2px solid #a1a1a1;" >
  Square
</div>

广场

我的JS

//Add list items to the div
$("#squareDiv").html(
  "<ul class='list_menu'><li><a href='firefox.com'>Maya Agriculture</a></li>"+
  "<li><a href='firefox.com'>Maya Agriculture Crossword</a></li>"+
  "<li><a href='firefox.com'>Inca Agriculture</a></li>"+
  "<li><a href='firefox.com'>Inca Agriculture Crossword</a></li>"+
  "</ul>"
);

$("#squareDiv").hover(function () {
  $('ul.list_menu').slideDown('medium',function() {
    $(this).clearQueue();
  });
}, function () {
  $('ul.list_menu').slideUp('medium',function() {
    $(this).clearQueue();
  });
});

//将列表项添加到div
$（“#squareDiv”）.html(
“
”+
“
”+
“
”+
“
”+
“
”
);
$（“#squareDiv”）.hover（函数（）{
$（'ul.list_menu'）。向下滑动（'medium'，function（））{
$（this.clearQueue（）；
});
}，函数（）{
$（'ul.list_menu'）。slideUp（'medium'，function（）{
$（this.clearQueue（）；
});
});
使用
append（…）
代替
html（…）
，
html（）
代替内容使用
append（…）
代替
html（…）
，
html（）
代替内容啊，我没想到。谢谢啊，我没想到。谢谢