当用户将鼠标悬停在div元素上时，如何在按钮上应用jQuery向下滑动？

我有一个视图，其中有一个用div包装的中继器控件。

---

当用户悬停在这个div上时，我想向下滑动一个按钮

我如何使用jQuery向下滑动实现这一点

谢谢

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js ">   </script>
<script type="text/javascript">
$(document).ready(function () {
    $(".NewsStrip").hover(function () {
        $(".SeeAllEvents").slideDown();
    });
 });
</script>

$（文档）.ready（函数（）{
$（“.newslip”）.hover（函数（）{
$（“.SeeAllEvents”）.slideDown（）；
});
});

下面是要将向下滑动应用到的div元素Id：

<div id="SeeAllEvents" class="SeeAllEvents" >
<asp:Image ID="Image1" runat="server" ImageUrl="/_Layouts/VenchursBullet.png"  CssClass="ImagerStyle"/>&nbsp
<asp:HyperLink ID="HyperLink1" runat="server" CssClass="HyperlinkStyle"     NavigateUrl="http://intranet.company.com/Lists/Announcements/AllItems.aspx">See all events</asp:HyperLink>
</div>

 
查看所有事件

下面是要应用onmouseover/hover的中继器div Id：

<div id="NewsStrip" class="NewsStrip">
<table class="BottomPaddingZero" >
<tr>
   <asp:Repeater ID="repAnnouncements" runat="server">
        <ItemTemplate>
            <td style="vertical-align: top; padding-right:19px; padding-top:1px; padding-left:7px;">
                <asp:HiddenField ID="ItemID" Value='<%#Eval("ID") %>' runat="server" />

                <div class="ImageStyle" >
                <asp:Image ID="imgLink" Height="110px" Width="150px" runat="server"  ImageUrl='<%#Eval("Images")%>' CssClass ="magnify" ToolTip="Click on Image to enlarge.  Click back to minimize." />
                </div>

                <br/><br/>
               <asp:HyperLink ID="hypTextEditLink" runat="server" Text='<%#Eval ("Title")%>' CssClass="TitleStyle" ToolTip="Click to view details of the Announcement." />
            </td>
        </ItemTemplate>
    </asp:Repeater>
 </tr>
 </table><br />
 </div>

第一个功能是“鼠标进入”事件。第二个功能是“鼠标离开”事件。 更多信息请点击此处：

第一个功能是“鼠标进入”事件。第二个功能是“鼠标离开”事件。 更多信息请点击此处：

---

由于不知道标记的外观，因此很难帮助您找到所需的适当选择器，但最终它应该是这样的：

$('.div-class').hover(
    function () { $(this).stop().find('.your-button-class').slideDown(); }, // <- this will be fired on mouseover
    function () { $(this).stop().find('.your-button-class').slideUp(); } // <- this will be fired on mouseout
);

$（'.div类'）。悬停(
函数（）{$（this）.stop（）.find（'.your button class'）.slideDown（）；}，//由于不知道标记是什么样子，因此很难帮助您找到所需的正确选择器，但最终它应该是这样的：

$('.div-class').hover(
    function () { $(this).stop().find('.your-button-class').slideDown(); }, // <- this will be fired on mouseover
    function () { $(this).stop().find('.your-button-class').slideUp(); } // <- this will be fired on mouseout
);

$（'.div类'）。悬停(
函数（）{$（this.stop（）.find（'.your button class'）.slideDown（）；}，//谢谢大家！@NimChimpsky我已经用代码更新了我的问题。你能帮我看一下吗？另外，我需要先隐藏按钮控件吗？谢谢大家！@NimChimpsky我已经用代码更新了我的问题。你能帮我看一下吗？另外，我需要先隐藏按钮控件吗？我已经编辑了我的问题以包含我尝试过的代码。但它似乎不起作用。我需要调整其他内容吗？我已编辑问题以包含我尝试过的代码。但它似乎不起作用。我需要调整其他内容吗？“当用户悬停在此div上时，我想向下滑动按钮”。。。“这是要将向下滑动应用于“……那么，你想向下滑动什么，按钮还是div……哪一个？我想我可以帮你，但我不清楚你想做什么。”我想在用户悬停在这个div上时向下滑动按钮“…”这是div元素Id，我想把滑动应用到“……那么，你想滑动什么，一个按钮还是一个div……哪一个？我想我可以帮你，但我不清楚你想做什么。
$('.div-class').hover(
    function () { $(this).stop().find('.your-button-class').slideDown(); }, // <- this will be fired on mouseover
    function () { $(this).stop().find('.your-button-class').slideUp(); } // <- this will be fired on mouseout
);