隐藏jquery可拖动元素上的悬停内容

我有一个jquery可拖动元素，其DOM为：

<li class="smartobjects ui-draggable">
<a href="#">sdasd</a>
<div class="popup" style="display: none;">
  <div class="content-heading">sdasd</div>
  <div class="content"><p>null</p></div>
</div>
</li>

任何帮助都将不胜感激

使用事件隐藏弹出窗口：

/*mark the smart object as draggable*/
$('.smartobjects').draggable({ 
    containment: "#tblEmailContainer", 
    scroll: false, 
    opacity: 0.7, 
    helper: "clone",
    start: function( event, ui ) {
        ui.helper.find('.popup').hide();
    } 
});

---

请你加一把小提琴好吗？我不明白是李还是它的父母可以拉；你能提供一个演示和/或详细说明你的演示代码吗？@Irvindiminakaedward:添加了到fiddle的链接。。。

/*mark the smart object as draggable*/
$('.smartobjects').draggable({ 
    containment: "#tblEmailContainer", 
    scroll: false, 
    opacity: 0.7, 
    helper: "clone",
    start: function( event, ui ) {
        ui.helper.find('.popup').hide();
    } 
});