这段jquery代码哪里错误了？怎么无效呢？

Question

HTML：
<div class="l_help_content2">
            <li class="nav_class1 nav_cc"><a name="a1">1234</a></li>
            <li class="nav_class2"><a name="a1">1234567</a></li>
            <li class="nav_class1 nav_cc"><a name="a2">2234</a></li>
            <li class="nav_class2"><a name="a2">2234567</a></li>    
            <li class="nav_class1 nav_cc"><a name="a3">3234</a></li>
            <li class="nav_class2"><a name="a3">3234567</a></li>  
            <li class="nav_class1 nav_cc"><a name="a4">4234</a></li>
            <li class="nav_class2"><a name="a4">4234567</a></li>                              
</div>jQuery：
$(function(){
var $nav_class1 = $('li.nav_class1 a');
    var $nav_class2 = $('li.nav_class2');
    $nav_class1.toggle(function(){
    $nav_class2.find('a[name='+$(this).attr('name')+']').show();
   }, function(){
    $nav_class2.find('a[name='+$(this).attr('name')+']').hide();
    });
});
目的：  点击li.nav_class1 a.name=a1  时展开或者关闭 a.name相同的 li.nav_class2 但是运行无效，错在哪里了？请指教！

Answer 1

自己解决了，代码如下$('li.nav_class1').toggle(
   function(){
 $('li.nav_class2').filter('[name='+$(this).attr('name')+']').fadeIn("slow");},
   function(){
 $('li.nav_class2').filter('[name='+$(this).attr('name')+']').fadeOut("slow");}
);前面不知道自己哪里写错了 这是奇怪！

Answer 2

化繁为简 ：
$('li.nav_class1').toggle(function(){
$(this).next().fadeIn("slow");
},function(){
$(this).next().fadeOut("slow");
});