Condensing this jquery to one script
<p>We are building a responsive site at the moment with a grid of divs with sliding content reveals.  I have had some success with the following script:</p>

<pre><code>&lt;script&gt;
$(document).ready(function(){
var width = $(".inner").width();
var toggle = true;
$(".wrapper").click(function(){
    if(toggle) {
        $(".inner").stop().animate({left:0},1000);
    } else {
        $(".inner").stop().animate({left:-width},1000);
    }
    toggle = !toggle;
});
});
&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
var width = $(".inner-two").width();
var toggle = true;
$(".wrapper-two").click(function(){
    if(toggle) {
        $(".inner-two").stop().animate({left:0},1000);
    } else {
        $(".inner-two").stop().animate({left:-width},1000);
    }
    toggle = !toggle;
});
});
&lt;/script&gt;

&lt;script&gt;
$(document).ready(function(){
var width = $(".inner-three").width();
var toggle = true;
$(".wrapper-three").click(function(){
    if(toggle) {
        $(".inner-three").stop().animate({left:0},1000);
    } else {
        $(".inner-three").stop().animate({left:-width},1000);
    }
    toggle = !toggle;
});
});
&lt;/script&gt;

&lt;script&gt;
$(document).ready(function(){
var width = $(".inner-four").width();
var toggle = true;
$(".wrapper-four").click(function(){
    if(toggle) {
        $(".inner-four").stop().animate({left:0},1000);
    } else {
        $(".inner-four").stop().animate({left:-width},1000);
    }
    toggle = !toggle;
});
});
&lt;/script&gt;

&lt;script&gt;
$(document).ready(function(){
var width = $(".inner-five").width();
var toggle = true;
$(".wrapper-five").click(function(){
    if(toggle) {
        $(".inner-five").stop().animate({left:0},1000);
    } else {
        $(".inner-five").stop().animate({left:-width},1000);
    }
    toggle = !toggle;
});
});
&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
var width = $(".inner-seven").width();
var toggle = true;
$(".wrapper-seven").click(function(){
    if(toggle) {
        $(".inner-seven").stop().animate({left:0},1000);
    } else {
        $(".inner-seven").stop().animate({left:-width},1000);
    }
    toggle = !toggle;
});
});
&lt;/script&gt;
</code></pre>

<p>As you can see i dont have a great deal of jquery understanding, so im sure there is a better way to write this rather than in the method undertaken.  I was hoping somehow out there could either give me some pointers or rewrite the script to be more like an array instead of an ugly repetitive list of the same code with different ids and classes?</p>

<p>Any help would be greatly appreciated</p>

<p>Can post a fiddle if that helps.</p>
