Улучшить этот jQuery?

Question

Я новичок в jquery - использую easyslider 1.7 - кнопки над ползунком - так что эффекты запутывают jQuery ... используя простое шоу / скрытие прямо сейчас и отлично работает!

Я хочу улучшить следующий медиальный код, чтобы он был немного более красноречивым, если это возможно.

Мне бы хотелось, чтобы кнопки появлялись / исчезали при наведении курсора на ползунок и оставались видимыми при наведении курсора на кнопки (плавающие над ползунком). Извините, не могу опубликовать 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);