jquery - 複数のスクロール可能な div、1 つの機能アップ/ダウン ボタン

Question

複数のテキスト div コンテナー (同じクラス: .rocksZoom_textContainer ) があり、上下のスクロール ボタンで制御します。これらのコンテナは一緒に表示されることはありません - それらの間に show()/hide() があります。

ボタンのコードは次のとおりです。

$('.rocksZoom_textBox_btnUp').on('mouseenter', function(){
  if ($('.rocksZoom_textContainer').scrollTop() === 0){ return; }
  // 
});

$('.rocksZoom_textBox_btnUp').on('mouseleave', function(){
  // 
});

$('.rocksZoom_textBox_btnUp').on('mousedown', function(){
  if ($('.rocksZoom_textContainer').scrollTop() === 0){ return; }
  // 
  function scroll_ContDn(){
    $('.rocksZoom_textContainer').stop().animate({scrollTop:'-=50'}, 500, 'linear', scroll_ContDn);
  } 
  scroll_ContDn();
});

$('.rocksZoom_textBox_btnUp').on('mouseup', function(){
  if ($('.rocksZoom_textContainer').scrollTop() === 0){ return; }
  // 
  function stopScroll_ContDn(){
    // Stuff animated
  }
  stopScroll_ContDn();
});

show()/hide() の jQuery コード:

function zoomContainer_showHide(){
  $(".rocksMenu_zoomContainer:visible").hide();
  $(".rocksMenu_zoomContainer").eq(menuItem_place).show();
}

HTML:

<div class="rocksZoom_textContainer">
  <p>Text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text...</p>
</div>

ボタン機能を再利用して、すべてのテキスト コンテナーを個別に操作するにはどうすればよいですか?

ペドロ