There are many, many jQuery accordions floating around on the internet – Many of them are too complicated for a simple task, options, styles and different effects. I was recently challenged to make a very simple jQuery accordion with the least amount of code needed. I have uploaded an example of this Just Here
One of the more effective things jQuery can be used for is creating eye catching roll-over effects on images, the code below is a short example of how you can achieve this using custom HTML attributes and serving a whole page (not just limited to one image)
After several searches for a pre-loading plugin for jQuery I came up short – they either did too much and had hundreds of options I didn’t want, or they were packaged with something else had a lot of code I didn’t need. The following plugin will allow you to pass in a selector (div, body, any other element) and pre-load all images within it, the plugin is very lightweight with only 17 lines from start to finish.
I have provided a download for the example at the bottom of the page; although all of the needed code is explained and shown further down in the article.
I previously wrote an article showing how you can turn a normal ‘A’ link into an ajax request and place the returned content into divs. This does the same job but used as a jQuery plugin with more customizable options and flexible use.
The download is at the bottom of the article and the script in the zip file is minified to 1.22kb; the code below shows the full script.
In this example I have made a link manager, where you can add/delete links from categories – as well as add/edit/delete existing categories. I have been using JQuery to automate some things, so if you use any of this code at all make sure JQuery is loaded beforehand.
This is something pretty basic, but I thought it would come in handy for people that might want to use JQuery AJAX but doesn’t want to write a lot of code to do it. The following code will allow you to transform any normal HTML ‘a’ link into an AJAX request just by adding an extra parameter to the HTML tag.