jquery - 改善这个jQuery？

我是一个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();
  }
);

最佳答案

利用变量来存储重用的对象，并利用CSS分组选择器。

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

关于jquery - 改善这个jQuery？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1622350/