javascript - 无法展开导航以在导航上工作

Question

我最近一直在试验 jquery，希望能扩展我的知识。我遇到了一些奇怪的事情。我有一个导航，我希望用户能够进一步扩展它。但是，每次我单击展开时，它都会打开所有菜单，而不是特定菜单。

$('.expandicon').click(function(){
  if ( $('.nav-bucket-items').css('display') == 'none' )
    $('.nav-bucket-items').css('display','block');
  else
    $('.nav-bucket-items').css('display','none');
});

这是我使用过的代码和示例:https://jsfiddle.net/xajoujsx/

如您所见，当您单击展开 + 按钮时，它会打开所有导航。我只是想让它打开我点击的那个。谁能解释我做错了什么？

Answer 1

在点击处理程序中，您可以使用以下方法引用 .nav-bucket-items:

$(this).parent().siblings('.nav-bucket-items')

fiddle