jQuery Multiple Hidden Panel Issue
<p>I've been working on setting up some hidden sliding panels. I've found a "slider" that seems to work pretty well so far. I'm able to open the panels properly, and have them close when click off the panel window. Now I'm trying to finish up one last problem.</p>

<p>As the panels are opening, they are stacking, one on top of another. What I'd like to do is have these panels close as a different panel is opened. I've attempted to adjust the scripts, but I'm extremely new to jQuery and scripting. Here's what I've currently got:</p>

<pre><code>&lt;script type="text/javascript" src="../js/slidepanel/jquery.slidePanel.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){

    // default settings
    // $('.panel').slidePanel();

    // custom settings
    $('#panel1').slidePanel({
        triggerName: '#trigger1',
        position: 'fixed',
        triggerTopPos: '300px',
        panelTopPos: '25px',
    });

    $('#panel2').slidePanel({
        triggerName: '#trigger2',
        position: 'fixed',
        triggerTopPos: '340px',
        panelTopPos: '210px'
    });

    $('#panel3').slidePanel({
        triggerName: '#trigger3',
        position: 'fixed',
        triggerTopPos: '380px',
        panelTopPos: '210px',
    });
});
&lt;/script&gt;
</code></pre>

<p>From what I can find I need to have some type of toggle functionality added to this, but after several attempts, I'm getting nowhere fast. Any information would be greatly appreciated. Please let me know if there is more information that I would need to provide to properly answer this question. Thanks for viewing and thanks for any assistance!</p>
