改进这个jQuery？

Question

我是一个jquery菜鸟 - 使用easyslider 1.7 - 按钮在滑块上 - 所以效果混淆了jQuery ...现在使用简单的show/hide并且工作正常!

如果可能的话,我想改进以下的内侧代码,使其更具说服力.

我希望悬停滑块div时按钮可以淡入/淡出淡出,并且当鼠标悬停在按钮(浮动在滑块div上)时保持可见.对不起,无法发布HTML.

$('#prevBtn,#nextBtn').hide();
$("#slider").hover(
  function () {
    $('#prevBtn,#nextBtn').show();
  },
  function () {
    $('#prevBtn,#nextBtn').hide();
  }
);
$("#prevBtn").hover(
  function () {
    $('#prevBtn,#nextBtn').show();
  },
  function () {
    $('#prevBtn,#nextBtn').hide();
  }
);
$("#nextBtn").hover(
  function () {
    $('#prevBtn,#nextBtn').show();
  },
  function () {
    $('#prevBtn,#nextBtn').hide();
  }
);

Answer 1

利用变量来存储重用对​​象,并使用CSS分组选择器.

var buttons = jQuery('#prevBtn,#nextBtn');
var hide = function () { buttons.hide(); }
var show = function () { buttons.show(); }
jQuery("#slider, #prevBtn, #nextBtn").hover(show, hide);