Javascript 使用.slideToggle时可以查看标题

我有一个div（在#slideup中有一个div带有一个div带有照片），我希望“PHOTOS”位于底部，但当你将鼠标悬停在上面时，它会向上展开，标题会转到div的顶部。当光标离开div时，我希望“PHOTOS”返回底部

这是我无力的尝试。我似乎无法将标题偏移到可查看的位置。任何帮助都将不胜感激

---

下面是一个例子（有点）。在右边的一栏，当你徘徊在“移民改革”上，你会看到我在寻找什么。唯一的区别是我希望标题粘贴到顶部。

您使用的是悬停效果，这就是为什么只有将鼠标放在div上时才会显示div的原因 要在没有悬停效果的情况下使用代码，请删除javascript代码并将HTML更改为

<div id="other-guy">
<div style="background: #333; color: #FFF;">PHOTOS</div>  

照片

它会起作用的。

---

是的，什么是悬停效果？为了您的兴趣，您可以使用jQuery.animate（）作为示例。看看这个

JS代码在这里：

 $("#other-guy").hover(function () {
        $("#slideup").stop().animate({'bottom' : 0}, 'fast');   /* open */ 
    },

    function(){
        $("#slideup").stop().animate({'bottom' : -180}, 'fast');    /* close */
    }
);

---

那么《另一个家伙》（除了幻灯片）中的内容你想让它出现在div的底部？我不明白。这有点混淆了你的问题，你的IDsI的命名应该更清楚。。。我希望“div”和“photos”的文字总是被看到。想让它偏移以便被看到。你使用的是悬停，你想让它一直被看到吗？你可以用slideDown替换slideToggle，它会在你悬停时向下滑动一次，并且总是这样。你不想马上看到悬停效果。首先，我想为我在这个问题上的拙劣措辞道歉。我需要它从底部滑动，始终可以看到带有标题照片的深灰色框。不，我想要悬停效果。我希望照片位于底部，将鼠标悬停在上方，然后在顶部展开照片，并在下面添加其他信息。我在最初的问题中添加了一个示例，这有点像我正在寻找的。。。也许这会让您更好地了解我试图做的事情。@user2282821为此，您可以使用jQuery实现这一点

 $("#other-guy").hover(function () {
        $("#slideup").stop().animate({'bottom' : 0}, 'fast');   /* open */ 
    },

    function(){
        $("#slideup").stop().animate({'bottom' : -180}, 'fast');    /* close */
    }
);