jquery toggle on multiple divs only working on first element
<p>ive created a page but it's only toggling the first div and the other 2 arent working... can't work out why! Thanks in advance</p>

<pre><code>var levelopen=false;
$(document).ready(function() {
    $('.contentlevel').hide();
    $('#levelopener').click(function(){
        if(levelopen==false)
        {
            $('#levelopener').html('[less]'); 
            levelopen=true;
        }
        else
        {
            $('#levelopener').html('[more]');
            levelopen=false;
        }
        $(this).next(".contentlevel").slideToggle(100);
        return false;
    });
});
</code></pre>

<p><a href="http://jsfiddle.net/q2qxX/4/" rel="nofollow">http://jsfiddle.net/q2qxX/4/</a></p>
