How to Add jQuery slideDown and slideUp Effects into the Search Panel in Website that Created with PHPMaker 8.0.3

For those of you who have implemented the modification regarding the search panel in the list page of websites that created with PHPMaker (see this article: How to Beautify Your Search Panel in Website Created With PHPMaker 8.0.3), then we will now modify that modification again by adding the jQuery slideDown and slideUp effect into the search panel. As we know, PHPMaker by default has added the ability to collapse or expand the search panel by clicking the “minus” (-) or “plus” (+) button (toggle button) next to the “Search” text, but without using the slideDown and slideUp effects.

After implementing this modification, you will know how to implement the jQuery in websites that created with PHPMaker easily and quickly, especially adding the slideDown and slideUp effects. Your website will look more professional and the user will be happier to see this effect. Please note that you have to implement the modification in that “How to Beautify Your Search Panel in Website Created With PHPMaker 8.0.3″ article above before implementing the following modification below.

All we have to do is customizing the PHPMaker template files and adding some code into the Client Scripts section of PHPMaker. In other words, we do not modify any generated script files.

Please click on the following image below to watch the demo:

Expanding and Collapsing Search Panel using jQuery

Please Login or register to read the rest of this content.