multiple functions in the document.ready function
<p>here's my code:</p>

<pre><code>$(document).ready(function () {

    $('.flip1').click(function () {
        $('.panel1').slideToggle("slow");
    });
    $('.flip2').click(function () {
        $('.panel2').slideToggle("slow");
    });
    $('.flip3').click(function () {
        $('.panel3').slideToggle("slow");
    });
    $('.flip4').click(function () {
        $('.panel4').slideToggle("slow");
    });
});
</code></pre>

<p>I want to make a loop with .flip as the variable (flipVar) and .panel as (panelVar)</p>
