$(function () {

//模拟下拉框
  $('#class').on('focus', function () {
    $('.input_in .icon >img').attr('src','/static/story/image/image10.png');
    if ($('.input_in .class-list').is('.hide')) {
      $('.input_in .class-list').removeClass('hide');
    } else {
      $('.input_in .class-list').addClass('hide');
      $('.input_in .icon >img').attr('src','/static/story/image/image6.png');
    }
  })

  $('.class-list ul li').on('click', function () {
    $('.input_in .icon >img').attr('src','/static/story/image/image6.png');
    $('.input_in input').val($(this).html());
    $('.input_in .class-list').addClass('hide');


  })
  $('.class-list ul li').hover(
    function () {
      $(this).css({'backgroundColor': '#AAA9FB', });
    }, function () {
      $(this).css({'backgroundColor': '#CFB7FD',  });
    }
  )


})