jquery - 改进这个 jQuery？

Question

我是一个 jquery 菜鸟——使用 easyslider 1.7——按钮位于 slider 上方——所以效果会混淆 jQuery...现在使用简单的显示/隐藏，效果很好!

如果可能的话，我想改进以下医学代码，使其更加 Eloquent 。

我希望按钮在悬停在 slider div 上时淡入/淡出，并在悬停在按钮( float 在 slider 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);