jQuery实现下拉列表的实现[原]

接触jQuery有一段时间!今天做了一个简单的下拉列表的例子.供大家分享

在线演示: 单击演示

代码分享:(用JS实现代码比较多,但是用JQuery用很少的代码就可实现.)

 HTML代码为:

     <dl id="faq">

        <dt>标题</dt>

        <dd>内容</dd>

     </dl>

 

js代码:

 $('#faq').find('dd').hide().end().find('dt').click(function(){
  var answer=$(this).next();
  if(answer.is(':visible')){
   answer.slideUp();
  }else{
   answer.slideDown();
  }
 });

 

是不是很简单. OK.今天先到着!