Showing & Hiding Stacked Divs on Click

Showing & Hiding Stacked Divs on Click

Hi,

   First time poster hereā€¦

  Have a single page app with a section that has 5 divs stacked on top of each other. It basically looks like this:

<div container>
      <div 1>
      <div 2>
      <div 3>
      <div 4>
      <div 5>
</container>

Below the divs are a left and right arrow that cycle through the divs infinitely in each direction. I'm trying to to do something like this:

var objects = [ '#div1', '#div2', '#rdiv3', '#div4', '#div5'];

function moveRight () {
                  cycle right with .each?
                  cycle right with .push or .pull?
                  cycle right with .insertBefore or .insertAfter?
}

I've tried all these methods and can't quite get this to work? Can anyone help me?

Thanks,

E