title: Jquery slide hide-show div with an image
body: <p>I have a banner which I need changing on a click. at the moment I have hidden the 2nd banner and currently banner 1 shows. When I click the arrow I want banner 1 to hide and banner 2 to show etc.. only problem I tried using html.</p>
  
  <pre><code>&lt;div class="homeArrow"&gt;&lt;img src="https://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/256x256/arrow-right.png" alt=""/&gt;&lt;/div&gt;
  </code></pre>
  
  <p>i want homeArrow to be the click button to show next banner</p>
  
  <p>but not sure how to connect to jquery...</p>
  
  <p>This is JS fiddle:</p>
  
  <p><a href="http://jsfiddle.net/8a7GL/152/" rel="nofollow">http://jsfiddle.net/8a7GL/152/</a></p>