Javascript 如何隐藏<；李>；用jquery？

我有两个

元素。一个有链接，另一个有我想显示的内容，具体取决于点击的链接。 以下是

的代码：

<div class="container">
  <ul id="filter">
    <li class="current"><a href="#">Attendess (Middle School/High School Students)</a></li>
    <li><a href="#">Attendees (College Students)</a></li>
    <li><a href="#">Mentor/Vounteer</a></li>
</ul>

<ul id="forms">
    <li class="Attendess (Middle School/High School Students)"> <% include ./forms/Students %> </li>
    <li class="Attendees (College Students)"> <% include ./forms/college %> </li>
    <li class="Mentor/Vounteer"> <% include ./forms/attendees %> </li>
</ul>














现在使用jQuery，我实现了选择不同过滤器的功能，但是当我这样做时，我的表单不会隐藏

下面是代码：

  <script type="text/javascript">
    $(document).ready(function(){
      $("#filter a").click(function(){
        $("#filter .current").removeClass("current");
        $(this).parent().addClass("current");
        var filterVal = $(this).text();
        $("#forms li").fadeIn();
        $("#forms li").not("." + filterVal).fadeOut();
      });
    });


$（文档）.ready（函数（）{
$（“#过滤器a”）。单击（函数（）{
$（“#filter.current”）.removeClass（“current”）；
$（this.parent（）.addClass（“当前”）；
var filterVal=$（this.text（）；
$（“#形式li”）.fadeIn（）；
$（“#forms li”）.not（“.”+filterVal.fadeOut（）；
});
});


让我知道你们的想法？
我已经更改了你们的部分代码。一个班级不能有间隔。间隔类是指：多个类


$（文档）.ready（函数（）{
$（“#过滤器a”）。单击（函数（）{
$（“#filter.current”）.removeClass（“current”）；
$（this.parent（）.addClass（“当前”）；
var filterVal=$（this.data（'index'）；
$（“#形式li”）.fadeIn（）；
$（“#forms li:not（.“+filterVal+”））.hide（）；
});
});
。学院，
.与会者{
显示：无；
}
a:悬停{
光标：指针；
文字装饰：下划线；
}


出席者（中学生/高中生）
与会者（大学生）
导师/担保人








Node.js不是jquery，jquery也不是Node.js。请删除有效的node.jsp。非常感谢你。我还有一个问题，当你第一次加载页面时，所有三个表单都被加载了。我怎样才能保证只有李同学上膛？谢谢。使用
.college.attenders{display:none；}
添加样式。更新了密码，检查一下，效果很好。谢谢，兄弟。是否有办法删除.fadeIn（），因为当我单击不同的链接时，所有内容都会淡入淡出一秒钟，然后恢复正常。我保证这是最后一个问题？这里没有人对听问题有任何问题。我们是来帮忙的。所以你不想要fadeIn（）？。检查编辑的代码，并随时提出任何问题。我没有删除fadeIn（）。但是让它正常化了。再一次，它像一个符咒一样工作。谢谢我要学习我的UI技能，哈哈。我真的很感激。