<div>
<div class="content wysiwyg-content">
I am trying to find a script that would allow me to have a panel on a webpage that behaves like the left navigation panel of windows explorer or an IDE software.<br />
<br />
Basically, you can adjust the panel size by dragging its side border. &nbsp;You can click to collapse it and have a slim bar or tab to reopen it.<br />
<br />
I have searched and can find slide out panels, but not ones that behave like this with a resizeable feature to it.<br />
<br />
I am using JSP and would prefer a javascript or jquery solution. &nbsp;Open to others.
</div>
</div>


I am trying to find a script that would allow me to have a panel on a webpage that behaves like the left navigation panel of windows explorer or an IDE software.

Basically, you can adjust the panel size by dragging its side border.  You can click to collapse it and have a slim bar or tab to reopen it.

I have searched and can find slide out panels, but not ones that behave like this with a resizeable feature to it.

I am using JSP and would prefer a javascript or jquery solution.  Open to others.

left side panel like windows explorer

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

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.

jQuery

JavaServer Pages (JSP) allow the development of dynamically generated web pages. It uses the Java programming language; JSP pages are translated into servlets at runtime, with each servlet being cached and reused until the JSP is modified. JSP allows Java code to be interleaved with static web markup content, so the resulting page can be compiled and executed on the server to deliver the content.