Перестановка из изображения в пределах диапазона в JQuery

Question

так, что я делаю выпадающий список:

<section class="services-list"> 



<a><h3>Extension Building</h3><span></span></a><p>Pellentesque habitant morbi tristique  senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat  vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.  Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 

<a><h3>Conversion Specialising</h3><span></span></a><p>Pellentesque habitant morbi  tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam,  feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas  semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 

</section> 

В этом пункте нет дисплея: нет, и становится видимым после того, как тег щелкнул. У меня это работает нормально, поэтому показан только следующий параграф, и не все из них. Однако у меня также есть стрелка вниз в теге span, чтобы показать, что что-то падает, если щелкнуть. Я вращаю этот диапазон в css, используя класс .minimise, поэтому я хочу, чтобы класс добавлялся к определенному диапазону при нажатии тега, чтобы стрелка указывала вверх, чтобы показать, что p можно снова скрыть. Я дошел до переключения класса в jQuery, но он переключает класс на ВСЕ пробелы, а не в конкретный тег.

Вот мой текущий JQuery:

$(".services-list a").click(function(){ 
     $(this).next('services-list a span').toggleClass("minimise"); 
     $(this).next("p").stop('true','true').slideToggle("fast"); 

    }); 

Надеется, что все имеет смысл! Спасибо за ваше время.

Answer 1

span вы хотите предназначаться является потомком щелкнули a элемента, так что используйте .find()

$(".services-list a").click(function() { 
    $(this).find('span').toggleClass("minimise"); 
    $(this).next("p").stop(true, true).slideToggle("fast"); 
}); 

Демо: Fiddle