When slideDown element, the rest of active elements slideUp
<p>Mostly working, but I can't close the current one.
Take a look here: <a href="http://jsfiddle.net/Wsk3f/2/" rel="nofollow">http://jsfiddle.net/Wsk3f/2/</a> </p>

<pre><code>$(document).ready(function () {
    $("ul li a.show_child").click(function(){
        $("ul li a.show_child.active").removeClass("active");
        $("ul li a.show_child").next().slideUp(300);
        $(this).toggleClass("active");
        $(this).next().slideToggle(300);
    });
});
</code></pre>
