QQ列表效果

HTML阶段

•     金

      

  五行元素金

•     木

      

  五行元素木

•     水

      

  五行元素水

   

•     火

      

  五行元素火

•     土

      

  五行元素土

   

JQ代码段

$(function(){

    $("li").click(function(){

    $(this).children(".conts").show();

    $(this).siblings().children(".conts").hide();

    })

})