Jquery change class

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')