Question

我正在尝试做一个看起来应该是一个简单的jQuery效果，我以前使用过类似的代码，但我无法让它工作。我对这一点还很陌生，这可能是非常容易的事情，但我花了很长时间，我没有看到它。

我的hmtl就像这样

<a href="#" class="trigger">details</a>
<div class="details">       
  <?echo $data['referral'];?>
  <a href="#">update</a>
</div>

我的jQuery

$(document).ready(function () {  
$('.trigger').click(function() {
    $(this).nextAll(".details:first").toggle('slow', function () {
    });
  });
 });

我也尝试过： $（this）.next（）。toggle（'slow'，function（）

唯一有效的方法是 $（'。details'）。toggle（'slow'，function（）但是这会打开我页面上的所有细节标签，不是很有用。

非常感谢任何提示！

Answer 1

非常感谢您的回答！我的问题似乎确实是使用Codeigniter的结果，我的a和div标签周围有空白区域，当我在firebug中查看生成的html时，正如Patrick建议的那样，白色空间被包含在不在的p标签中我的代码，如：

 <p>
 <a href="#" class="trigger">details</a>
 </p>

所以我不得不使用像parent（）。next（）。child（）这样的东西。我删除了空白区域，元素再次成为兄弟姐妹，一切都很顺利。现在我需要弄清楚如何阻止codeigniter这样做！

再次感谢！

丽贝卡

jQuery next（）应该是简单的不工作

1 个答案: