Go Back To Code List
[JQuery]
Current Code Entry
Go Back To Code List
[JQuery]
JQuery Show Hide with animation
Article Entry Date: March 10,2025 @ 08:00:13 / Last Updated On: March 10,2025 @ 08:09:55
In this code, I needed a way to hide the left-side panel so the main focus would be on the main panel. This code worked perfectly on our site. I only had to add a class tag on each page, and now it works across the entire site. What will soon be millions of pages using this simple code.

Several things were needed in order to use this code the way I needed it. Which was to have a ◀Left and Right▶ Arrow, depending on whether you are showing or hiding the element.
To use these Arrows, you must include the [utf-8] meta tag in your header.

And you also have to use the actual Arrows and not the code for them.