Jquery 如何滑出div

我想从页面上的某个位置滑出一个div。当用户将鼠标悬停在下图中表格中带有“查看状态”的标签上时，我希望有一个div显示在表格中该框的左侧-滑动div必须位于表格顶部

我目前正在使用CSS/jQuery使它从代码中的位置向下滑动，但我不知道如何更改它在页面上的位置（或者如何使它向左滑动而不是向下滑动）

更新

我发现它的功能是我想要的（我可以使用向下滑动）。我有几乎相同的代码，所以我不知道为什么当鼠标停留在标签上时，我的代码会不断地上下滑动

jsFiddle 我补充道。一个非常基本的例子，我的设置。请随意使用它

工作

它不断滑入滑出的原因是因为div在我鼠标所在的位置滑动，这触发了切换。我通过更改div上的“right”属性修复了这个问题。

您可以这样做

$('.lblViewStatus').hover(function() {
  $('.flyout').toggle("slide", {direction:'left'});
});

---

看一看：这里有一篇很好的文章显示了从各个方向滑动：这几乎可以工作，但当鼠标悬停在标签（lblViewStatus）上时，div会不断地滑入滑出。将此

.lblViewStatus

更改为标签id。我不能。这是在一个表中，每一行都有相同的标签，指示用户将鼠标悬停在文本上以查看状态。请尝试如下更改，我尚未测试。因为我没有你的源代码：$（'.lblViewStatus'）.hover（函数（this）{$（'.flyout'）.toggle（“slide”，{direction:'left'}）；}）JS错误。我尝试将其设置为jQuery对象（函数（$（this））”，但也不起作用。

$('.lblViewStatus').hover(function() {
    $('.flyout').slideToggle();
});

$('.lblViewStatus').hover(function() {
  $('.flyout').toggle("slide", {direction:'left'});
});