title: Simple Jquery slider, do not want to use plugin
body: <p>I have the following code, I have implemented something like this so far, but I want to add "NEXT" "PREV" functionality to this, for which I need suggesstion.</p>
  
  <pre><code>&lt;div id="slider"&gt;
  &lt;div class="wrap"&gt; 
  &lt;div class="panel"&gt;Panel1&lt;/div&gt; 
  &lt;div class="panel"&gt;Panel2&lt;/div&gt; 
  &lt;div class="panel"&gt;Panel3&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="previous"&gt;This need Implementation&lt;/div&gt;
  &lt;div class="next"&gt;This need Implementation&lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div class="nav"&gt;
  
  &lt;ul&gt;
  &lt;li&gt; panel1&lt;/li&gt;
  &lt;li&gt; panel2&lt;/li&gt;
  &lt;li&gt; panel3&lt;/li&gt;
  &lt;ul&gt;
  
  &lt;/div&gt;
  
  
  $(document).ready(function () {
  
  $(".wrap .panel:not(.active)").fadeOut();
  $(".wrap .panel:first(.active)").fadeIn();
  
  $(".nav ul li").click(function (event) {
  
  $(this).addClass('current').siblings().removeClass('current');
  
  $(".wrap .panel").stop(true, true).fadeOut().eq($(this).index()).fadeIn();
  
  });
  });
  </code></pre>