Vertical Navagation siblings not closing when another is opened
<p>My vertical nav works except for that when I press on the sibling drop down the previous opened drop down does not collapse. I was wondering if you could help me with this.</p>

<p>Here is my javascript code and if you want to look at it in full here is the jsfiddle link: <a href="http://jsfiddle.net/CLNBn/2/" rel="nofollow">http://jsfiddle.net/CLNBn/2/</a></p>

<pre><code>$('.vertical-nav ul li:has("div")').find('div').hide();

$('.vertical-nav li:has("div")').find('span:first').click(function() {
    $(this).parent('li').find('span:first').toggleClass("closed opened");
    if ($(this).parent('li').find('span:first').attr('class') == 'closed') {
        $(this).parent('li').find('span:first').text('+');
    } else {
        $(this).parent('li').find('span:first').text('-');
    }
    $(this).parent('li').find('div:first').slideToggle();
});
</code></pre>
