切换动画链接

时间:2011-06-11 15:44:12

标签: jquery toggle hyperlink

我想在以下代码中切换链接的宽度。它工作但我希望当我点击另一个链接从而保留宽度时,保留一个扩展链接,我希望我有意义。

<!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 个答案:

答案 0 :(得分:0)

我不会为此进行切换,因为它对一件事情有好处 - 切换单个选定项目/组的开/关。您要做的是在打开其他项目时重置其他项目。尝试这样的事情:

$(".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);
});