title: sliding divs horizontally with jquery and javascript
body: <p>I am trying to display my testimonials in my about us page. There I use 3 <code>divs</code> with styling horizontally to display 3 testimonials at once.</p>
  
  <p>Here what im trying to do is I want to add some sliding effect with query to disappear 1st 3 <code>divs</code> and then need to load 2nd 3 <code>divs</code> with different testimonials. and so on.. I did HTML and CSS.. but no idea how to do it with query... can any body help me to do this..??? </p>
  
  <pre><code>&lt;div class="testimonials"&gt;
      &lt;div class="cols"&gt;
          contents...1st time                    
      &lt;/div&gt;
      &lt;div class="cols"&gt;
          contents...1st time       
      &lt;/div&gt;
      &lt;div class="cols"&gt;
          contents...1st time       
      &lt;/div&gt;
  
      &lt;div class="cols"&gt;
          contents...2st time                    
      &lt;/div&gt;
      &lt;div class="cols"&gt;
          contents...2st time       
      &lt;/div&gt;
      &lt;div class="cols"&gt;
          contents...2st time       
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  
  .testimonials {
      width: 640px; 
      height: 300px;
      //background: red; 
  }
  
  .cols {
      width: 150px;
      height: 200px;
      margin: 0 20px 0 0;
      background: gray;
      float: left;
  }
  </code></pre>
  
  <p>any comments, any idea greatly appreciated...</p>
  
  <p>thank you..  </p>