jquery multiple show/hide buttons
<p>I am trying to convert a lot of JavaScript to jQuery and I have a task that I believe has a simple jQuery shortcut, but I don't know what it is and I haven't been able to find an example.</p>

<p>I have a page with many toggled divs. They are in the form that follows where ### is a unique integer for each pair.</p>

<pre><code>&lt;button class='togglebutton' onclick="toggle('div###');"&gt;+&lt;/button&gt;
&lt;div id='div###'&gt;...some text...&lt;/div&gt;
</code></pre>

<p>I'd assume the shortcut is something like:</p>

<pre><code>$('.togglebutton').onclick(function() {
    var divid = '#div'+?????;
    $(divid).toggle();
});
</code></pre>

<p>My theory... if I give each button an id, such as 'button###', then I can use substring to get the value after the word 'button', something like:</p>

<pre><code>$(this).id().substring(6,3);
</code></pre>

<p>Obviously, that didn't work. So, I figured that I should ask if there is a simple shortcut in jQuery to pair a showhide button with a separate div.</p>