Javascript jQuery:Div头未在.Hide（）上清除

我有一个jQuery模式窗口的div标记，设置如下：

<div id="dialog" title="Please select a facility"  style="clear:both;width:400px;display:none;text-align:left;height:200px;overflow-y:scroll"></div>

然后，我尝试使用$（“#dialog”）隐藏div标记。hide（）；但我有个问题。我的div标记的内容确实成功隐藏，但是我的标题仍然保留。您可以在下图中看到一个示例。在第一幅图中，我的“请选择一个设施”模式窗口成功弹出。在图2中，我切换到第二个弹出窗口，并使用“$（“#对话框”）.hide（）隐藏原始弹出窗口。这似乎有效，但正如图3中所示，我的“请选择一个设施”模式窗口标题保持打开状态。知道为什么不隐藏此标题吗

请尝试以下方法：

$("#dialog").dialog("close");

---

你能提供更多的代码吗，也许是JSFIDLE？就是这样！非常感谢！！

$("#dialog").dialog("close");