0

我是 jquery 的新手，此外，我认为我的大脑冻结了。

我有许多具有不同 ID 的链接。我想将单击的链接与具有相应类的 div 匹配，以便 div 将根据需要显示/隐藏/切换。

我有：

<script type="text/javascript">
$(document).ready(function() {
 $('.folioBox').hide();

 $('a.interface').click(function(){
        var currentId = $(this).attr('id');
        var currentBox = $('.folioBox .' + currentId);

        $(currentBox).toggle(400);

        });
});
</script>


<a class="interface" id="apple">Apple flavor</a>
<a class="interface" id="banana">Banana flavor</a>
<a class="interface" id="cherry">Cherry flavor</a>

<div class="folioBox apple">content</div>
<div class="folioBox banana">content</div>
<div class="folioBox cherry">content</div>

我只是无法让它工作，我不知道我是否最好使用匹配或查找或过滤。

一些帮助将不胜感激！

4

2 回答 2

1

尝试：

$("a.interface").click(function() {
  $("div.followBox." + this.id).toggle(400);
  return false;
});

没有必要让它比这更复杂。如果有多个匹配项，那么它们都将被切换。

注意：我已经制作了点击处理程序return false，所以停止跟踪链接。根据您在href属性中的内容，页面实际上可能会被刷新，这就解释了为什么它似乎无法正常工作。

于 2010-06-01T02:21:53.167 回答
0

现在只看它，但是您是否尝试过在最后做一个 return false ，因为您正在击中一个锚？

让我知道这是否有效，我将停止调试。

编辑

摆脱两个类之间的空间。

var currentBox = $('.folioBox.' + currentId);
于 2010-06-01T02:22:50.840 回答