title: how to move (horinzontal verse) a div child in div parent whit jquery JavaScript
body: <p>I have a question:
  I Have 2 div: </p>
  
  <p>div parent (element_two) and div child (slider_content). The width of "slider_content is bigger than the "element_two"</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class= "element_two"&gt;
  
        &lt;div class= "slider_content" id="slider_content"&gt;
  
          &lt;div class="thumb"&gt;&lt;img src="img/imagesCarousel.jpeg" class="img_slide"&gt;&lt;/div&gt;
          &lt;div class="thumb"&gt;&lt;img src="img/imagesCarousel2.jpeg" class="img_slide"&gt;&lt;/div&gt;
          &lt;div class="thumb"&gt;&lt;img src="img/imagesCarousel3.jpeg" class="img_slide"&gt;&lt;/div&gt;
          &lt;div class="thumb"&gt;&lt;img src="img/imagesCarousel4.jpeg" class="img_slide"&gt;&lt;/div&gt;
          &lt;div class="thumb"&gt;&lt;img src="img/imagesCarousel5.jpeg" class="img_slide"&gt;&lt;/div&gt;
          &lt;div class="thumb"&gt;&lt;img src="img/imagesCarousel6.jpeg" class="img_slide"&gt;&lt;/div&gt;
          &lt;div class="thumb"&gt;&lt;img src="img/imagesCarousel7.jpeg" class="img_slide"&gt;&lt;/div&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>    .element_two{
           position: relative;
           overflow: hidden;
           width: 100%;
  
  
  
           .slider_content{
               height: 161px;
               white-space: nowrap;
           }
  }
  </code></pre>
  
  <p>now, using Jquery metodh, I try to move "slider_content" respect to "element_two".</p>
  
  <p>Somebody can help me?</p>