Question

jquery的手风琴特效

自己做了一个手风琴特效，有一个问题请教，具体问题看图jQuery代码$(function(){ $(".theatre-item").mouseover(function(){ $(this).addClass('aa');});$(".theatre-item").mouseout(function(){ $(this).removeClass('aa');});});

Answer 1

希望有帮助到你，望采纳！

追问

要不就成这样了

追答

没测试 ，你看看可不可以！

追问

鼠标放到最后一个时，第一个bb还是没去掉

追答

Answer 2

$(function(){
  $(".theatre-item").mouseover(function(){
    $(this).addClass('aa');
    $(this).siblings().addClass('aa');  //this的兄弟节点添加类aa
    $(this).next().removeClass('aa')    //this的下一个节点去除类aa

  });
  $(".theatre-item").mouseout(function(){
    $(this).removeClass('aa');
  });
});

追问

要不然就成这样了

追答

$(function(){
  $('.theatre-item').mouseover(function(){
    if($(this).index()==4){
      $(this).addClass('aa');
      $(this).siblings().addClass('bb');
      $('.theatre-item:eq(0)').removeClass('bb')

    }else{
      $(this).addClass('aa');
      $(this).siblings().addClass('bb');
      $(this).next().removeClass('bb')
    }
  });
  $('.theatre-item').mouseout(function(){
    $(this).removeClass('aa');
  });
});