jQuery next() должен быть простым, не работает

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() { 
    }); 
    }); 
}); 

Я также попытался:. $ (это) .next() переключения ('медленным', функция()

Единственное, что будет работать, это $ ('. Details'). Toggle ('slow', function() , но который открывает все вкладки сведений на моей странице, не очень u seful.

Буду признателен за любые советы!

Answer 1

Большое вам спасибо за ответы! Моя проблема, похоже, была результатом использования Codeigniter, у меня было пустое пространство вокруг моих тегов a и div, и когда я посмотрел на сгенерированный html в firebug, как предположил Патрик, белое пространство было заключено в теги p, которые не были в мой код, например:

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

Поэтому мне пришлось бы использовать что-то наподобие parent(). next(). child(). Я удалил пустое пространство, и элементы снова стали братьями и сестрами, и все хорошо. Теперь мне нужно выяснить, как прекратить это делать!

Еще раз спасибо!

Rebecca