jQuery show hide隐藏多个链接

时间:2011-06-27 13:01:39

标签: javascript jquery animation

我有三个在我的布局中显示更多链接。他们必须使用内容触发所有相同的表。因此,当您单击链接1时,它会显示该表,但如果您单击链接2,则表格将不再被隐藏(仅当我单击2次时)。

我该如何解决这个问题?

我现在的代码:

$(".starterlink").toggle(
    function(){ $(".starterinfo").fadeIn('fast'); }, 
    function(){ $(".starterinfo").fadeOut('fast'); }
);

3 个答案:

答案 0 :(得分:4)

如果我理解你的问题,你为什么不这样做:

$(".starterlink").click( function(){ $(".starterinfo").fadeToggle('fast'); } );

更新:

以下测试代码适用于我。

<a href="#" class="starterlink">Click me</a>
<div class="starterinfo">This will fade in and out</div>

<script type="text/javascript">
    $(".starterlink").click(function () { $(".starterinfo").fadeToggle('fast'); });
</script>

答案 1 :(得分:1)

toggle()函数没有toggle(function, function)签名。 IE它不会将两个函数作为参数。

答案 2 :(得分:0)

也许像

$("#link1").click(function(){
    $("#tableid").attr('visible', false);
});

$("#link2").click(function(){
    $("#tableid").attr('visible', true);
});