0

我正在尝试做一个看起来应该是简单的 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 () 但这会打开我页面上的所有详细信息选项卡，不是很有用。

非常感谢任何提示！

4

1 回答 1

0

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

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

所以我不得不使用类似 parent().next().child() 的东西。我删除了空白，元素再次成为兄弟姐妹，一切都很好。现在我需要弄清楚如何阻止 codeigniter 这样做！

再次感谢！

丽贝卡

于 2011-01-03T16:30:11.030 回答