jquery Next/Prev Arrow (simple)
Here is the html:

    <div class="dl-top">
					<img class="arrow-left" src="img/arrow_left.png" alt="" />
						<div class="dl-image visible dl-1">
							<img class="" src="img/dl-image1.jpg" alt="" />
							<p class="headline">Comebackers: Pitchers who need strong springs</p>
						</div>
						<div class="dl-image hidden dl-2">
							<img class="dl-2" src="img/dl-image2.jpg" alt="" />
							<p class="headline">TEST #2: Lets see how this one works</p>
						</div>
						<div class="dl-image hidden dl-3">
							<img class="dl-3" src="img/dl-image3.jpg" alt="" />
							<p class="headline">TEST #3: Sports are fun, yay!!</p>
						</div>
					<img class="arrow-right" src="img/arrow_right.png" alt="" />	
					</div>	

I just want a little jquery so when you click the img.arrow-left it makes the next div visible (dl-2=visible, dl-1, dl-2=hidden) and hides the rest, and reverses, with img.arrow-right.

makes sense?
jquery Next/Prev Arrow (simple)
===

Here is the html:

    <div class="dl-top">
					<img class="arrow-left" src="img/arrow_left.png" alt="" />
						<div class="dl-image visible dl-1">
							<img class="" src="img/dl-image1.jpg" alt="" />
							<p class="headline">Comebackers: Pitchers who need strong springs</p>
						</div>
						<div class="dl-image hidden dl-2">
							<img class="dl-2" src="img/dl-image2.jpg" alt="" />
							<p class="headline">TEST #2: Lets see how this one works</p>
						</div>
						<div class="dl-image hidden dl-3">
							<img class="dl-3" src="img/dl-image3.jpg" alt="" />
							<p class="headline">TEST #3: Sports are fun, yay!!</p>
						</div>
					<img class="arrow-right" src="img/arrow_right.png" alt="" />	
					</div>	

I just want a little jquery so when you click the img.arrow-left it makes the next div visible (dl-2=visible, dl-1, dl-2=hidden) and hides the rest, and reverses, with img.arrow-right.

makes sense?