jQuery模拟下拉框选择对应菜单的内容

  请选择课程

   

• 蒙妮妮摄影班

   

• 昕丽冲印班

   

• 宝丽冲印班

  

蒙妮妮摄影班

课程介绍：

本课程包括摄影基础、曝光、构图，器材的使用

和摄影小技巧，风光摄影初级，人像摄影及婚纱

摄影，产品摄影，重点讲解人像写真与私房摄影，

作品点评，PS基础、数码调色与常用技巧。

昕丽冲印班

课程介绍：

本课程包括摄影基础、曝光、构图，器材的使用

和摄影小技巧，风光摄影初级，人像摄影及婚纱

摄影，产品摄影，重点讲解人像写真与私房摄影，

作品点评，PS基础、数码调色与常用技巧。

宝丽冲印班

课程介绍：

本课程包括摄影基础、曝光、构图，器材的使用

和摄影小技巧，风光摄影初级，人像摄影及婚纱

摄影，产品摄影，重点讲解人像写真与私房摄影，

作品点评，PS基础、数码调色与常用技巧。

<script src="js/jquery-1.7.2.min.js"type="text/javascript"></script>

<script type="text/javascript">

 $(document).ready(function(){

  //报班系列

  $('.zn-classreport-tabs ').each(function(){

   var_this = $(this);

   varcur_tab =false;//当前标签

   $(_this).find('.zn-classreport-tabstle').each(function(){

    var_tlethis = $(this);

    varselect = $(this).find('.select');

    varhidden = $(this).find('.value');

    varspan = $(this).find('span');

    $( _tlethis).click(function(){

     $(select).show();

    })

    $(_tlethis).find('ul.select li').each(function(){

     $(this).click(function(){

      $(hidden).val( $(this).attr('value') );

      $(select).hide();

      $(span).html($(this).html());

      returnfalse;

     });

    });

   });

   //多标签内容处理

   $(_this).find('.zn-classreport-tabstle li').click(function(){

    if(cur_tab ==this) {

     returntrue;

    }

    now_pos = $(cur_tab).index();//开始的

    new_pos = $(this).index();//当前的

    $(_this).find('.zn-classreport-tabsbox').eq(now_pos).removeClass('active');

    $(_this).find('.zn-classreport-tabsbox').eq(new_pos).addClass('active');

    $(cur_tab).removeClass('active');

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

    cur_tab=this;

   });

   $(_this).find('.zn-classreport-tabstle li').first().click();

  });

 });

</script>