Javascript single element dropdown
<p>I am fairly new to javascript and have been trying to fathom how to make each element in my code drop down as it is clicked.</p>

<p>At first glance I thought I would need to add $(this). to each of the events but refreshing my page did not affect the behavior, all divs would continue to animate down upon one click.</p>

<p>Here is the script </p>

<pre><code>        function slideDiv(elem) {

        if ($(".slidePanel").is(":visible")) {

            $(".contentFade").animate(
                {
                    opacity: "0"
                },

                600,

                function(){
                    $(".slidePanel").slideUp();
                }
            );
        }
        else {
            $(".slidePanel").slideDown(600, function(){
                $(".contentFade").animate(
                    {
                        opacity: "1"
                    },
                    600
                );
            });
        }   
    }
</code></pre>

<p>I have uploaded the current code here <a href="http://jsfiddle.net/alexmk92/z59p8/" rel="nofollow">http://jsfiddle.net/alexmk92/z59p8/</a> so you see the problem I am trying to convey...</p>

<p>Could anybody point me in the right direction as to how to solve this?</p>
