<div>
I can figure out what you need visually from that description.
</div>


I can figure out what you need visually from that description.

<div>
<div class="content wysiwyg-content">
Hi, <br />
<br />
I have the following problem: Look here:<br />
<a href="https://jsfiddle.net/iammontoya/po6v29nj/2/" rel="ugc">https://jsfiddle.net/iammontoya/po6v29nj/2/</a><br />
<br />
I need 9 boxes that all hold menu choices (panels). When you click on 1 menu choice, it shows its panel. if you click a different one, it will show its panel and close the previous one. &nbsp;Im guessing I need help with toggle and slide.. <br />
<br />
please advise
</div>
</div>


Hi, 

I have the following problem: Look here:
https://jsfiddle.net/iammontoya/po6v29nj/2/

I need 9 boxes that all hold menu choices (panels). When you click on 1 menu choice, it shows its panel. if you click a different one, it will show its panel and close the previous one.  Im guessing I need help with toggle and slide.. 

please advise

jquery toggle multiple slide boxes

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.