StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery Multiple Hidden Panel Issue
text
Body
copied!<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><script type="text/javascript" src="../js/slidepanel/jquery.slidePanel.min.js"></script> <script type="text/javascript"> $(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', }); }); </script> </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>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload