我在标题中有一组链接，我想使用jQuery选择其中一个链接，并animate()。这是我的HTML：
<div id="header_links">
<div class="header_link"><a href="/">Home</a></div>
<div class="header_link"><a href="/aboutme">About Me</a></div>
<div class="header_link"><a href="/resume">Resume</a></div>
<div class="header_link"><a href="/contact">Contact Me</a></div>
</div>
这是我的jQuery：
$(document).ready(function() {
/*
* Perform actions on header links:
*/
var header_link = $('.header_link');
header_link.bind('mouseenter', function() {
$(this).find('a').animate(
{
height: '2.5em'
}
);
});
header_link.bind('mouseleave', function() {
$(this).find('a').animate(
{
height: '2em'
}
);
});
});
要清楚 - 我希望能够将鼠标悬停在链接上，将其高度增加到2.5em，然后在鼠标离开链接后将其高度恢复到2em。因此，所有链接都变得越来越小。
如果这是另一个问题的重复，我道歉 - 我查看了其他类似的问题，并且没有找到解决问题的方法。