面板切换 更换样式

 

html代码:

<div class="pro_list_top" >

           <foreach name="cates" item="vo">

               <if condition="$vo.id eq 1 "><div id="{twotree#$vo.id}"  

                class="pro_list_tops active">

             <span >{twotree#$vo.classname}</span> 

           </div>

   <else />

    <div id="{twotree#$vo.id}"   class="pro_list_tops">

               <span >{twotree#$vo.classname}</span> 

         

           </div>

   </if>

           

       </foreach>

            

                </div>

js代码:

$('.pro_list_top div').click(function(){

var id = $(this).attr('id');

$(this).addClass("active");

    $(this).siblings(".pro_list_tops").removeClass("active");

    $.ajax({

url:"{twotree#:U('Media/category')}",

type:"post",

//dateType:"json",

data:{id:id},

success: function(data){

$('#videos').html(data);

  }

})

})