Класс изменения JQuery

Question

Я пытаюсь изменить класс для пролета, расположенного внутри h3, но я не могу. Вот ссылка на то, что я пытаюсь сделать: http://jsfiddle.net/WPxG4/9/

Код:

jQuery(document).ready(function() { 
    $('h3').click(function() { 
     $(this).next('ul').toggle(); 
     $(this).next('span').toggleClass('special1', 'special'); 
     return false; 
    }).next().hide(); 
}); 

HTML:

<h3><span class="special"></span><a href="#">Heading 1</a></h3> 
<ul> 
    <li><a href="#">List one two there</a></li> 
    <li><a href="#">List one two there</a></li> 
    <li><a href="#">List one two there</a></li> 
    <li><a href="#">List one two there</a></li> 
    <li><a href="#">List one two there</a></li> 
    <li><a href="#">List one two there</a></li> 
    <li><a href="#">List one two there</a></li> 
</ul> 

Answer 1

Использование $(this).find('span')не$(this).next('span')