Javascript Multiple menu. If i click on one ul i want the other to close. (toogle). It keeps being open, how to fix?
<p>Hopefully you can help me out with my problem.
Been annoying be for quite some time now.</p>

<p>Trying to make my menu work.</p>

<p>When i click on a block i want it to open, and close the other tab "if" another one is open.</p>

<p>Best regards jfb</p>

<p><strong>HERE IS JSFIDDLE</strong>
<a href="http://jsfiddle.net/3ZWZu/" rel="nofollow">http://jsfiddle.net/3ZWZu/</a>
<em>INCLUDES HTML, CSS, JS(jQuery)</em></p>

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

$('.ac-menu .topLevel').click(function(e) {
    e.preventDefault();

        if($('.ac-menu .topLevel ul').hasClass('open') === true){
        $('.ac-menu .topLevel ul').removeClass('open'); 
        $('.ac-menu .topLevel ul').addClass('closed');  
        $('.ac-menu .topLevel ul').slideUp(300);

    }
        if($(this).next('ul').hasClass('closed') === true){ 
        $(this).next('ul').removeClass('closed');           
        $(this).next('ul').slideDown(300);
        $(this).next('ul').addClass('open');
    }
 });
});
</code></pre>
