javascript - jQuery 显示隐藏多个链接

Question

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

我该如何解决这个问题？

我现在的代码:

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

Answer 1

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

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