切换动画链接。
我想在以下代码中切换链接的宽度。它可以正常工作，但是我想在单击另一个链接时还原宽度，从而保留一个扩展链接，我希望这是有道理的。
<!DOCTYPE>
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>Untitled Document</title>
<script type=\"text/javascript\" src=\"jquery-1.4.2.min.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function () {
//animate links
$(\".nav_links li a.link\").toggle(function(){
$(this).animate({width:237},200);
},function(){
$(this).animate({width:72},200);
});
});
</script>
</head>
<body>
<ul>
<li><a href=\"#\" class=\"about link\"></a></li>
many other links here
</ul>
</body>
</html>
没有找到相关结果
已邀请:
1 个回复
款去芳尾脊
$(\".nav_links li a.link\").click(function(){ // Reset all links. $(\".nav_links li a.link\").animate({width:72},200); // Set currently clicked on as necessary. $(this).animate({width:237},200); });